🎫DNT-2659 A meaningful image must have a text alternative that serves the equivalent purpose

Info

Linked Applications

• Dashboards

• Projects

• Issues

• Boards

• Time in Status

• Create

• Give feedback to Atlassian

• Help

• Administration

• 

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!

DXT Ninja Turtles

======================================================================================================

DNT board

• User story map

• Kanban board

• Releases

• Reports

• Issues

• Estimates

• Components

1. DXT Ninja Turtles

2. DNT-2654 a11y audit - Form

3. DNT-2659

Details

• Type: Sub-task

• Status:REVIEW (View Workflow)

• Priority: Medium

• Resolution: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.

1. 

   36546.png

   5 kB

   Mar/08/22 10:54 AM

2. 

   Delete this attachment

   Screen Shot 2022-03-28 at 4.36.23 PM.png

   187 kB

   1 hour ago

• Add Link

Issue Links

is blocked by

DNT-2794 Add title support to SvgLoader

• 

• DONE

Delete this link

relates to

DNT-2661 Lists must be contained within semantically correct containers

• 

• REVIEW

Delete this link

Activity

• All

• Comments

• Work Log

• History

• Activity

• Time In Status

Permalink Edit Delete

Guner, Bryan added a comment - 1 hour ago

Validated in test environment:

• Comment

People

Assignee:

Guner, Bryan

Reporter:

Sowa, Bill

Votes:

0 Vote for this issue

Watchers:

2 Stop watching this issue

Dates

Created:

Feb/10/22 8:42 AM

Updated:

18 minutes ago

Development

• 1 branch

  Updated 6 days ago

• 5 commits

  Latest 5 days ago

• 2 pull requests MERGED

  Updated 7 hours ago

• Create branch

Agile

Future Sprint:

Sprint 14

View on Board

Hipchat discussions

Do you want to discuss this issue? Connect to Hipchat.

ConnectDismiss

[3/1 2:28 PM] Macias, Marcie

https://local.duke-energy.com:3000/home-services/gas-line-repair/enrolllocal.duke-energy.com

https://local.duke-energy.com:3000/home-services/gas-line-repair/enroll

https://local.duke-energy.com:3000/home-services/gas-line-repair/enrolllocal.duke-energy.com

home-services/gas-line-repair/enroll

[3/1 2:42 PM] Macias, Marcie

https://local.duke-energy.com:3000/home/start-stop-move/stoplocal.duke-energy.com

home/start-stop-move/stop