Data Visualization Toolkit: Infographics Accessibility Tips

Infographic icon

Infographics quickly tell a story using data to a wide variety of audiences. This is information presented with context, intended to clarify not only what the data mean, but how they are relevant to the viewer.

Infographics Accessibility Tips

  • Start designing an infographic with accessibility in mind.
  • Select appropriate colors and fonts that provide contrast for people who are color-blind.
  • Provide alternative text (alt text) for all images. Alt text provides a textual alternative to nontext content in web pages. It does not appear to most users but is scanned by screen readers to explain the images to users who have visual impairments.
  • Build the infographic with a clear reading order. Use headings and paragraph tags. Anchor images to specific text.
  • Include the full-text version of the infographic.

The Centers for Disease Control (CDC) does an excellent job of modeling accessibility practices. Each infographic on its website has a text equivalent with all the text from an image laid out in sections with headers, bullets, and other organizational tools. This is much more useful for users of screen readers than simply offering alt text without formatting.

The Whole Brain Blog also offers information on accessibility through an Infographic on the Americans with Disabilities Act 23rd Anniversary.