🎫DNT-2659 A meaningful image must have a text alternative that serves the equivalent purpose
Info
Welcome to Duke Energy Enterprise JIRA ~ Please enter a ticket through MyIT if you have any significant problems with the tool. Thank you! Have a great day!
======================================================================================================
Details
Status:REVIEW (View Workflow)
Priority:
MediumResolution:Unresolved
Labels:
None
Description
(MultiStepForm issue) (Stepper component)
Notes:
The check mark that indicates a completed step in the form is an <svg> image without a text alternative. Blind and low vision users will not know that this is a completed step.
Recommendation
Use the SVG <title> element to provide a text alternative that's appropriate for the context. To ensure support in assistive technologies, provide role="img" and aria-labelledby attributes in the <svg> element.
SVG with <title> element, role="img", and the aria-labelledby attribute (Simplified code)
Complete ...
Contextually Marking up accessible images and SVGs
Options
Attachments
Drop files to attach, or browse.
Issue Links
is blocked by
DNT-2794 Add title support to SvgLoader
DONE
relates to
DNT-2661 Lists must be contained within semantically correct containers
REVIEW
Activity
Comments
Guner, Bryan added a comment - 1 hour ago
Validated in test environment:
People
Assignee:
Guner, Bryan
Reporter:
Sowa, Bill
Votes:
Watchers:
Dates
Created:
Feb/10/22 8:42 AM
Updated:
18 minutes ago
Development
Updated 6 days ago
Latest 5 days ago
2 pull requests MERGED
Updated 7 hours ago
Agile
Future Sprint:
Hipchat discussions
Do you want to discuss this issue? Connect to Hipchat.
ConnectDismiss
[3/1 2:28 PM] Macias, Marcie
home-services/gas-line-repair/enroll
[3/1 2:42 PM] Macias, Marcie
home/start-stop-move/stop
Last updated
