Issue Summary
On the "Accessibility Assessment - Roadmaps" page, The radio buttons (that appear on expanding the "Auto-schedule" button) do not have an accessible name.
Steps to Reproduce
- Open the "Accessibility Assessment- Roadmaps" page.
- Navigate to the "Auto schedule" button below the header section and activate it.
- Inspect the element and verify that buttons do not have accessible names.
Screenshot
Actual Results
The "Radio buttons" available in the auto-schedule non-modal in the main content area do not have the label associated with them and the "title" attribute is not included in their source code either. As a result, screen reader users will not understand the purpose of the form fields.
Expected Results
The screen reader should announce the label for the form fields correctly.
Apply the following changes:
• Provide unique and descriptive label for mentioned form fields using <label> element.
• Associate the label explicitly with the form field by providing identical value which is unique from other IDs to "for" and "id" attributes of the label and form field respectively.
Alternatively, use either hidden labels or "aria-label" attribute to convey the purpose of the form fields to screen reader users.
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest
Bug
Medium (View bug fix roadmap)
