-
Bug
-
Resolution: Unresolved
-
Medium (View bug fix roadmap)
-
None
-
9.12.2
-
9.12
-
Severity 3 - Minor
-
Issue Summary
On "Issues" page, the radio groups (available on activating "Switch filter" button) are labelled inappropriately.
Steps to Reproduce
- Open "Issues" page.
- Navigate to the "Switch filter" button and activate.
- Using screen reader, navigate through the radio buttons.
- Observe radio group label.
Screenshot
Actual Results
The group label for the radio buttons such as "My open issues", "Reported by me", "All issues", etc. and "Open and unassigned", "Due this week", "Overdue", and so on is identical. This made it difficult for screen reader users to interact with the custom radio buttons.
Expected Results
Apply the following changes:
- Remove aria-labelledby attribute from the source code of the <ul> elements.
- Provide aria-label attribute such as "Switch filter by issues"and "Switch filter by status" to the <ul> elements.
- Ensure that the label is announce appropriately for each pair of radio buttons.
Code Snippet
<ul class="aui-list-truncate" aria-label="Switch filter by issues" role="radiogroup"> <li role="presentation"><a class="aui-dropdown2-radio" role="radio" data-item-id="myopenissues" resolved="" aria-checked="false" tabindex="-1">My open issues</a></li> <li role="presentation"><a class="aui-dropdown2-radio" role="radio" data-item-id="reportedbyme" resolved="" aria-checked="false" tabindex="-1">Reported by me</a></li> (...) </ul> <ul class="aui-list-truncate" aria-label="Switch filter by status" role="radiogroup"> <li role="presentation"><a class="aui-dropdown2-radio" role="radio" data-item-id="10100" resolved="" aria-checked="false" tabindex="-1">Open and unassigned</a></li> <li role="presentation"><a class="aui-dropdown2-radio" role="radio" data-item-id="10101" resolved="" aria-checked="false" tabindex="-1">Due this week</a></li> <li role="presentation"><a class="aui-dropdown2-radio" role="radio" data-item-id="10102" resolved="" aria-checked="false" tabindex="-1">Overdue</a></li> </ul>
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: Sonoma 14.3
Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.6 (18615.3.12.11.2)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
