Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

D4D Accessibility Guide

Milestone Overview: Alt-text for Infographics

Infographics have alt-text and long descriptions

Infographics are graphical/visual representations of information (data, workflows, processes, etc.) often intended to make that information clearer or easier to understand. They are often image files, or PDFs.

Screen reader users or other people who may have difficulty processing visual information won't be able to access the information presented in the infographic without alt-text or an alternative format.

Accessibility Best Practices

  • Infographics need to have alt-text just like images. 
  • Users benefit from having long descriptions that are in the main content of your guide.
    • This makes the information searchable
  • Add a long format description of the information in the graphic within the guide and make sure to give it a header name that will help users identify it quickly. 
  • Non-screen reader users can skip over the description if they don’t need it.

Resources: 

LibGuide Help Center Resources

Examples

Web Accessibility for Designers infographic with link to text version at WebAIM.org

Project Management Suggestions

If there are people or teams who are creating infographics reach out to them to discuss developing an infographics best practice training or documentation. It's easier to make long descriptions at the same time as creating the graphic than it is to go back later and have to re-type all the information.

If there are organizational infographics that may be of value to multiple guides having that be managed in a centralized place that authors can just map to (rather than creating copies) will assist with version control and mean the long description only has to be created once.