-
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
Role "Listbox" and state such as "Expand/Collapse" is not defined programmatically.
Steps to Reproduce
- Navigate to the "Plans" dropdown and select any plan.
- Explore the interactive element and verify that role and state is not defined.
Screenshot
Actual Results
Role and state is not defined for the interactive elements such as "Choose an Issue" element (that becomes available when we activate the "1", "2", "3", interactive elements). This made it difficult for screen reader users to access the functionality associated with it.
Expected Results
- Provide role "listbox" to the <ul> element and for options provide role "option" to <li> element. Use native <button> element or provide role "button".
- Use "aria-labelledby" and "id" attributes to associate the labels with form field.
- Add "aria-activedescendant" attribute to identify the currently active option.
- Provide "aria-expanded" attribute to the <button> element. Make sure that the value of the attribute should be updated on user interaction.
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.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3
- links to
Form Name |
---|
[JSWSERVER-25771] Accessibility Assessment | Roadmaps: Role and state not defined
Labels | Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa | New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa ril |
Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 963936 ] |
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 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa | New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa |
Component/s | Original: Accessibility [ 62491 ] | |
Component/s | Original: (Advanced Roadmaps) Other [ 73719 ] | |
Component/s | New: (Advanced Roadmaps) Accessibility [ 74392 ] |
Status | Original: Needs Triage [ 10030 ] | New: Ready for Development [ 10049 ] |
Component/s | New: (Advanced Roadmaps) Other [ 73719 ] |
Labels | Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa | New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa |
Labels | Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-pg03 ax-qa | New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa |