Content
View differences
Updated by Alexander Coles 6 months ago
### Steps to reproduce
1. Login as a user with basic permissions - e.g. to view projects and homescreen.
2. On the homepage, click "All projects" to open the project selector.
3. Inspect an octicon that is rendered by Angular in Web Inspector - e.g. the magnifying glass shown in the project selector search field.
### What is the buggy behavior?
* Multiple ARIA attributes have empty values - e.g. `aria-label` and `aria-labelledby`. This is can cause unpredictable results for screen readers.
* `role="img"` and `aria-hidden="true"` and both rendered.
### What is the expected behavior?
1. ARIA attributes should not have empty values
2. `aria-label` and `aria-labelledby` are mutually exclusive.
3. neither `aria-label` and `aria-labelledby` should be set if `aria-hidden`\="true"
4. `role="img"` and `aria-hidden="true"` and mutually exclusive.
5. `role="img"` should only be rendered if there is an `aria-label` or `aria-labelledby` attribute.
### Screenshots and other files
_<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/917540/content">_
### Environment information
**OpenProject installation type**
* Hosted cloud edition
**OpenProject version**
**Core build**
[ba2a052a4eacf2b12dbe86308b4da26eeb092794](https://github.com/opf/openproject/commits/ba2a052a4eacf2b12dbe86308b4da26eeb092794)
**Product version**
[22ff44b4f511e64e6a47a0dc11527c50e1d9160f](https://github.com/opf/saas-openproject/commits/22ff44b4f511e64e6a47a0dc11527c50e1d9160f)
**Core version**
OpenProject 17.1.0
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
**Language**
_en\_GB_
1. Login as a user with basic permissions - e.g. to view projects and homescreen.
2. On the homepage, click "All projects" to open the project selector.
3. Inspect an octicon that is rendered by Angular in Web Inspector - e.g. the magnifying glass shown in the project selector search field.
### What is the buggy behavior?
* Multiple ARIA attributes have empty values - e.g. `aria-label` and `aria-labelledby`. This is can cause unpredictable results for screen readers.
* `role="img"` and `aria-hidden="true"` and both rendered.
### What is the expected behavior?
1. ARIA attributes should not have empty values
2. `aria-label` and `aria-labelledby` are mutually exclusive.
3. neither `aria-label` and `aria-labelledby` should be set if `aria-hidden`\="true"
4. `role="img"` and `aria-hidden="true"` and mutually exclusive.
5. `role="img"` should only be rendered if there is an `aria-label` or `aria-labelledby` attribute.
### Screenshots and other files
_<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/917540/content">_
### Environment information
**OpenProject installation type**
* Hosted cloud edition
**OpenProject version**
**Core build**
[ba2a052a4eacf2b12dbe86308b4da26eeb092794](https://github.com/opf/openproject/commits/ba2a052a4eacf2b12dbe86308b4da26eeb092794)
**Product version**
[22ff44b4f511e64e6a47a0dc11527c50e1d9160f](https://github.com/opf/saas-openproject/commits/22ff44b4f511e64e6a47a0dc11527c50e1d9160f)
**Core version**
OpenProject 17.1.0
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
**Language**
_en\_GB_