Skip to Content

Digital Accessibility

Infographic Alt Text

In addition to any text, you'll want to include the context and layout of your image. Here are some helpful tips for describing graphics.

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
    Infographic

    Clear, Descriptive Alt Text
    Infographic that shows a basketball icon on top of the text "2017 NCAA Women's Basketball National Champs"

  • An sc.edu page showing a cropped 9x9 grid of statistics, the center square reading: 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. 

  • Graphic announcing Summer Semester 2020 classes are 100% online, showing a student dancing on a green background as he points to white text outlined in a starburst square: Make the most of your summer.

    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?

Linked Image Instructions »

 

Challenge the conventional. Create the exceptional. No Limits.

©