-
Bug
-
Resolution: Unresolved
-
Medium (View bug fix roadmap)
-
None
-
8.20.30, 9.12.2, 9.4.17
-
8.2
-
Severity 3 - Minor
-
Issue Summary
On the "Accessibility assessment | Roadmaps" page, the "3m", "1Y", and so on, buttons in the "Filter" section are inappropriately hidden from assistive technologies.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the mentioned instances and inspect their code.
- Observe that the buttons are inappropriately hidden from assistive technologies with aria-hidden.
Screenshot
Actual Results
The "3m", "1Y", and so on, buttons are inappropriately hidden from assistive technologies. This is because the parent <div> element containing these buttons inappropriately use aria-hidden attribute. This may particularly disadvantage screen reader and voice recognition users. That the semantics are suppressed may confuse or mislead users.
Expected Results
Make sure that aria-hidden is not used to inappropriately suppress semantics. In this scenario, we would recommend you to remove the aria-hidden attribute from the parent <div> element containing the buttons in the DOM.
Code Snippet
<div>
<ul>
<li><button aria-pressed="true">3M</button></li>
<li><button>1Y</button></li>
...
</ul>
</div>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest
- links to
[JSWSERVER-25757] Accessibility assessment | Roadmaps : Elements semantics inappropriately suppressed with aria-hidden
| Labels | Original: 4.1.2 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 | New: 4.1.2 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A ril wcag21 |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 963928 ] |
| Priority | Original: High [ 2 ] | New: Medium [ 3 ] |
| Introduced in Version | Original: 9.12 | New: 8.2 |
| Affects Version/s | New: 8.20.30 [ 106364 ] | |
| Affects Version/s | New: 9.4.17 [ 106909 ] |
| Labels | Original: 4.1.2 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 | New: 4.1.2 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 |
| Component/s | Original: (Advanced Roadmaps) Other [ 73719 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Ready for Development [ 10049 ] |
| Component/s | New: (Advanced Roadmaps) Accessibility [ 74392 ] |
| Description |
Original:
h3. Issue Summary
On the "Accessibility assessment | Roadmaps" page, the "3m", "1Y", and so on, buttons in the "Filter" section are inappropriately hidden from assistive technologies. h3. Steps to Reproduce # Navigate onto the above mentioned page. # Navigate onto the mentioned instances and inspect their code. # Observe that the buttons are inappropriately hidden from assistive technologies with aria-hidden. h3. Screenshot h3. Actual Results The "3m", "1Y", and so on, buttons are inappropriately hidden from assistive technologies. This is because the parent <div> element containing these buttons inappropriately use aria-hidden attribute. This may particularly disadvantage screen reader and voice recognition users. That the semantics are suppressed may confuse or mislead users. h3. Expected Results Make sure that aria-hidden is not used to inappropriately suppress semantics. In this scenario, we would recommend you to remove the aria-hidden attribute from the parent <div> element containing the buttons in the DOM. *Code Snippet* {noformat} <div> <ul> <li><button aria-pressed="true">3M</button></li> <li><button>1Y</button></li> ... </ul> </div>{noformat} h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16-inch, 2021) macOs Ventura 13.3.1 Chrome - Version 113.0.5672.63 (Official Build) (x86_64) Firefox- Version 92.0 (64-bit) Safari- Version 16.4 (18615.1.26.110.1) JAWS- Version 2023 NVDA- Version 2023.3 Voiceover - Version Latest |
New:
h3. Issue Summary
On the "Accessibility assessment | Roadmaps" page, the "3m", "1Y", and so on, buttons in the "Filter" section are inappropriately hidden from assistive technologies. h3. Steps to Reproduce # Navigate onto the above mentioned page. # Navigate onto the mentioned instances and inspect their code. # Observe that the buttons are inappropriately hidden from assistive technologies with aria-hidden. h3. Screenshot !image-2024-02-09-14-15-06-888.png|thumbnail! h3. Actual Results The "3m", "1Y", and so on, buttons are inappropriately hidden from assistive technologies. This is because the parent <div> element containing these buttons inappropriately use aria-hidden attribute. This may particularly disadvantage screen reader and voice recognition users. That the semantics are suppressed may confuse or mislead users. h3. Expected Results Make sure that aria-hidden is not used to inappropriately suppress semantics. In this scenario, we would recommend you to remove the aria-hidden attribute from the parent <div> element containing the buttons in the DOM. *Code Snippet* {noformat} <div> <ul> <li><button aria-pressed="true">3M</button></li> <li><button>1Y</button></li> ... </ul> </div>{noformat} h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16-inch, 2021) macOs Ventura 13.3.1 Chrome - Version 113.0.5672.63 (Official Build) (x86_64) Firefox- Version 92.0 (64-bit) Safari- Version 16.4 (18615.1.26.110.1) JAWS- Version 2023 NVDA- Version 2023.3 Voiceover - Version Latest |
| Attachment | New: image-2024-02-09-14-15-06-888.png [ 451928 ] |