Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
The ARIA attribute has been used inappropriately for the button element.
Steps to Reproduce
- Navigate to the "Projects" dropdown and activate it.
- Select the "Scrum" project and activate it.
- Navigate to the "Side navigation".
- Navigate to the "Reports" link and activate it.
- Navigate to the "Switch Report" dropdown.
- Select the report "Burndown Chart".
- Observe that "Burndown Chart" page has been appeared on the screen.
- Using screen reader check the announcement.
Screenshot
Actual Results
ARIA attribute such as "aria-haspopup" is used to define the "Switch Report" and "board" expand/collapse buttons. As a result, screen reader users might get confused when assistive technology users will announce toggle and expand/collapse state for the same element.
Expected Results
Remove aria-haspopup attribute from the <button> elements.
Code Snippet
<button id="subnav-trigger-report" class="subnavigator-trigger aui-button aui-dropdown2-trigger" role="button" aria-label="Switch report" resolved="" aria-controls="subnav-opts-report" aria-expanded="false">Switch report</button>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest