Writing Alt Text for an Infographic
Infographics often communicate important information to the user that screen readers are not able to recognize.
1. Include all text that occurs within the image.
Consider removing the text from your image and inserting it as live text on the page. Your alt text will need to include all of the text that occurs within the image.
-
Bad Alt Text
InfographicClear, Descriptive Alt Text
Infographic that shows a basketball icon on top of the text "2017 NCAA Women's Basketball National Champs" -
2. Account for the layout.
The order of information can be crucial to understanding the message, so be sure to describe the layout of your graphic, such as where the text is placed in relation to the image, in addition to the whole of the content.
-
Bad Alt Text
Summer Semester 2020 graphic.Better but Needs Work
Make the most of your summer. Summer Semester 2020 100% online.Clear, Descriptive Alt Text
Graphic announcing Summer Semester 2020 classes are 100% online, showing a student dancing on a green background as he points to white text on the left outlined in a starburst square: Make the most of your summer.
Is your image also a link?