-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
Decorative images such as "Jakub Jarosz" , " Breeze0806 " and so on are not hidden from screen reader users.
Steps to Reproduce
- Open the home page and activate the "Project" link in the header.
- Activate “PROJ” project.
- Activate any repository link from the “name” column of the data table, which will direct you to the source page.
- Now activate the Commits link from the left navigation.
- Navigate to mentioned instance and inspect the code.
- Notice that the decorative images receive screen reader focus unnecessarily.
Screenshot
Actual Result
Decorative images in the table, such as "Jakub Jarosz", " Breeze0806 " are not hidden from screen readers. As a result, these images receive screen reader focus and users have to listen to this information unnecessarily.
Expected Result
Decorative images should be hidden from screen readers.
Ensure that decorative images are hidden from screen readers.
Apply the following changes:
- Hide the icon using aria-hidden="true" attribute on the <span> element.
Code Snippet
<img aria-hidden="true" src="https://secure.gravatar.com/avatar/e87c1a042d708e36a8788a3f7d5bbeed.jpg?s=48&d=mm" alt="Jakub Jarosz">
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available.
Environment
MacBook Pro (16-inch, 2022)
macOs Sonoma vERSION 14.7
Chrome - Version 131.0.6778.265 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari-Version 18.2 (19620.1.16.111.6, 19620)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
