Details
-
Bug
-
Resolution: Unresolved
-
Medium
-
None
-
8.18.0
-
Severity 3 - Minor
-
Description
Issue Summary
The alt text has been used for the decorative images for the icons in the repository.
Steps to Reproduce
- Open the "Header" page.
- Navigate to the mentioned instance.
- Inspect the code of the mentioned decorative images.
- Notice that decorative images have an "alt" attribute with text that describes the decorative image.
Screenshot
Actual Results
Decorative images have been given descriptive alternate text such as "Source - popular framework", "Components - merge conflicts", and so on which was found to be unnecessary as they do not convey any additional or important information to the screen reader users.
Expected Results
Decorative images should be skipped by the screen reader.
Provide an empty alt attribute i.e., alt="" for all the decorative images.
Code Example:
<img alt="" src="/projects/LANG/avatar.png?s=64&v=1707092763158" aria-describedby="aui-tooltip"> ...
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
Attachments
Issue Links
- duplicates
-
BSERV-19353 A11Y-640: Funtional images have redundant text alternative
- Short Term Backlog
- mentioned in
-
Page Loading...