-
Bug
-
Resolution: Fixed
-
High (View bug fix roadmap)
-
8.20.30, 9.12.2, 9.4.17
-
- 4.1.2
- A11Y-430
- Accessibility
- Level-A
- WCAG21
- ax-bug
- ax-customer-escalated
- ax-desktop
- ax-esc-lloyds
- ax-high-priority
- ax-jiradc-arj
- ax-jiradc-arj-vpat2024
- ax-jiradc-vpat
- ax-jiradc-vpat-AccessibilityAssesmentRoadmaps
- ax-jiradc-vpat-accessibilityassessmentroadmaps
- ax-jiradc-vpat-pg07
- ax-qa
- ax-qa-fixed
- ax-qa-verified
- ril
-
8.2
-
Severity 3 - Minor
-
Issue Summary
On the "Accessibility Assessment - Roadmaps" page, an empty aria-label is defined for the setting buttons.
Steps to Reproduce
- Open the "Accessibility Assessment - Roadmaps" page.
- Navigate to the settings icon in the header section.
- Inspect the element and verify that an empty aria-label is defined.
Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Actual Results
In the header section an empty aria-label is defined for the setting button due to which an accessible name is missing. As a result, screen reader users are communicated with inappropriate information.
The accessible name is missing for the following instances:
1. Checkbox below the scope in the main content area- Refer to Screenshot 2
2. for the "..." three dots below the review changes button- Refer to Screenshot 3
3. for the collapse table column button- Refer to Screenshot 4
Expected Results
Provide an accessible name to the settings icon using aria-label="Setting" and ARIA attributes should be appropriately used with correct semantics and its unnecessary usage should be avoided.
code snippet
<button class="sc-htpNat iJjEoV" aria-label="setting">....</button>
Workaround
Currently, there is no known workaround for this behaviour. 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
- links to
