Details
-
Bug
-
Resolution: Won't Fix
-
Low
-
None
-
7.17.0
-
Severity 3 - Minor
-
Description
Issue Summary
The text alternative is missing.
Element: Informative Image
Location: Left on the modal below the Description Textarea field.
Note: The image conveys that the TestBranch and master branches are merging.
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Expected Results
Fix Information
RULE :
Images that convey content MUST have programmatically-discernible alternative text.
HOW TO FIX:
Fix this issue by using ONE of the following techniques:
1. Use the alt attribute on the <img> element to convey the intent, purpose, or meaning of the image.
<img src="sunset.jpg" alt="The sun setting over the Pacific Ocean, with a silhouette of a flying seagull in the foreground">
2. Use the aria-label attribute to convey the intent, purpose, or meaning of the image.
<p>Have a great day <span class="fonticon smiley" role="img" aria-label="Smiley face"></span></p>
REFERENCE:
Deque University: https://dequeuniversity.com/class/images2/alt-text/informative
W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/images/
BACKGROUND:
People who are blind cannot see images on a page. In order to give people who cannot see an image access to the information conveyed by the image, it must have a text alternative. The text alternative must describe the information or function represented by the image. Screen readers can then use the alternative text to convey that information to the screen reader user.
For informative images - images that convey information - the alternative text must communicate the intent, purpose, or meaning of the image in a way that serves as a true alternative for the image.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 735489
Attachments
Issue Links
- duplicates
-
BSERV-13287 Merge Pull Request Modal: Informative image is missing alt text
- Closed
- mentioned in
-
Page Loading...