-
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
