Details
-
Bug
-
Resolution: Fixed
-
Low
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
On the “View system dashboard” page, The “Action” links in the “Assigned to me” table have identical accessible names.
Note- This issue is also observed on "Edit dashboard" page refer screenshot 2.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the mentioned instances and inspect their code.
- Observe that the buttons have identical accessible names.
Actual Results
The "Action" links have identical accessible names. When read with a screen reader, these links failed to describe the functionality associated with them. As well, these links failed to convey their purpose when read out of context.
Expected Result
Accessible names should be meaningful when read out of context. In this scenario, we would recommend you to associate these identical links with the data in the “Key:” column header. As this column has descriptive link text, this would provide more context to these identical links. For this, specify unique IDs to both, the links, as well as the links in the “Key:” column header. Reference the id attributes of both via aria-labelledby attribute respectively.
Screenshot 1
Screenshot 2
Code snippet
<td><a href="..." id="a1">KAN-10</a></td> <td><a href="..." aria-expanded="false" id="a2" aria-labelledby="a2 a1">Action</a></td>
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.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest