Details
-
Bug
-
Resolution: Unresolved
-
High
-
None
-
8.20.30, 9.12.2, 9.4.17
-
8.2
-
Severity 3 - Minor
-
Description
Issue Summary
The textual description is not provided for the "Color" image button.
Steps to Reproduce
- Open the "Accessibility Assessment - Roadmaps" page.
- Navigate to the main content.
- Navigate to the "View settings" button and activate it.
- Navigate to the "Color by" button and activate it.
- Navigate to the "Issue type" button and activate it.
- Using screen reader, navigate to the mentioned image button.
- Inspect the code.
Screenshot
Actual Results
The "Color" image button lack textual description. Screen readers will announce this button as "Unlabelled 0" in Windows / JAWS and "Button" in MAC /VoiceOver. As a result, screen reader users will be unable to identify the purpose of this button.
Expected Results
Provide the textual description for the image button using aria-label attribute. It will help screen reader to understand the purpose of this button effectively. Code Snipppet <button class="_1uNf0 sc-fAjcbJ jEakcL" aria-label="Color" disabled="" spacing="default" type="button"></button>
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 Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest