-
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
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|