Details
-
Bug
-
Resolution: Unresolved
-
Medium
-
None
-
8.20.30, 9.12.2, 9.4.17
-
- 2.4.6
- Level-AA
- WCAG2.1
- ax-at-JAWS
- ax-at-NVDA
- ax-at-VO
- ax-at-user
- ax-bug
- ax-desktop
- ax-dev-ready
- ax-jiradc-arj
- ax-jiradc-arj-vpat2024
- ax-jiradc-vpat
- ax-jiradc-vpat-accessibilityassessmentreleases
- ax-jiradc-vpat-accessibilityassessmentroadmaps
- ax-jiradc-vpat-pg05
- ax-macos-safari
- ax-medium-priority
- ax-qa
-
8.2
-
Severity 3 - Minor
-
Description
Issue Summary
Identical label such as "Roadmap" is provided for several buttons in the main content area.
Steps to Reproduce
- Open the "Accessibility Assessment - Releases" page.
- Navigate to the main content.
- Using screen reader, navigate to the mentioned buttons.
- Listen that the button's labels are identical.
Screenshot
Actual Results
Identical label "Roadmap" is specified for the buttons in the main content area.
As a result, screen reader users might not understand the purpose of the buttons effectively.
Expected Results
Provide the unique and descriptive label for the buttons using aria-labelledby attribute. It will help screen reader users to understand the purpose of the buttons effectively.
Code snippet
<td id="a1" class="sc-hEsumM edYvTA" width="20"><div class="_1uVjD"><div><div class="sMq_B" style="background-color: rgb(255, 153, 31);"></div></div><div class="_2Q2Qh"><div class="suWs8">sam</div></div></div></td> <button aria-labelledby="a1 a2" id="a2" class="_2gtHA sc-fAjcbJ kLCvDw" spacing="default" type="button"><span style="align-self: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; position: relative;"><span style="align-items: center; align-self: center; flex: 1 1 auto; margin: 0px 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: opacity 0.3s ease 0s; opacity: 1;">Roadmap</span></span></button>
Workaround
Required, if there is no workaround please state:
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