Infographics and Images of Text

Avoid using images of text in most circumstances. Images of text create accessibility challenges:

• ALT Text: Difficult to create concise, fully descriptive ALT text for text-heavy images
• Readability: Text becomes pixelated and illegible when zoomed, hindering users with low vision

Note: Logos are exempt from the WCAG success criterion prohibiting images of text but still require ALT text or other text equivalents.

ALT Text

All content within images of text must be conveyed to assistive technology. For images with few words, use the exact text in the ALT attribute. For example, the following image from the Stanford Graduate School of Education website would have ALT text alt="Improving Lives Through Learning".

Images with more complex text, such as the budget example below, usually need to be recreated in HTML with proper semantic structure. A brief summary ALT still needs to be provided if the image remains.