-
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 "Refine issues displayed" page, the "Exclude issue types", "Exclude statuses", and "Exclude releases" buttons do not have a programmatically defined expandable state.
Steps to Reproduce
- Navigate to the above mentioned page.
- Navigate to the mentioned instances and inspect the code.
- Observe that the expandable state is not programmatically determined.
Screenshot
Actual Results
The "Exclude issue types", "Exclude statuses", and "Exclude releases" expandable buttons do not have a programmatically defined expandable state. These buttons do not use an aria-expanded attribute. As a result, users of assistive technologies found it challenging to understand the functionality associated with these elements.
Expected Results
When elements expand or collapse a particular content, make sure that they have a programmatically defined expandable state. Use the “aria-expanded” attribute on the expandable elements and update the “true” and “false” values appropriately. Make sure that the value is set to “true” when the elements are expanded and “false” when they are collapsed.
Code Snippet
<span id="exLabel">Exclude issue types</span> <button id="intLabel" aria-labelledby="exLabel intLabel" aria-expanded="false">Choose issue type</button>
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|