Don’t use images of text
Some of your users will visit your website using a text-only browser, or might have images turned off in a regular browser. Images of text cause problems, as they are harder for those users to understand.
Images of text also cause problems for your users if they like to resize websites to read them more clearly, because images do not work well this way. They also add to the time it takes your website to load, another key reason users will leave your website.
What to do
- Don’t use an image of text when you can use plain text.
- Display quotes as text rather than images.
- Use CSS to style headings.
- Use CSS to style navigation menus as text.
Despite the title of Guideline 1.4.9, some exceptions allow you to use images of text on your website:
- Brand logos.
- If using an image of text is essential because you can’t achieve the effect with text (for example, presenting a particular example of typography).
- If the text is purely decorative.
- You may already comply with this guideline, depending on how you addressed Guideline 1.4.5.
- Images of text are subject to guidelines on colour contrast. See Guideline 1.4.3 and Guideline 1.4.6.
- Guideline 1.4.3 – Contrast (Minimum)
- Guideline 1.4.5 – Images of Text
- Guideline 1.4.6 – Contrast (Enhanced)
Free Developer Resources
Join over 2,000 accessibility fans and get free developer resources like WCAG 2.0 Checklists and a sample from my book.
Over 250 people just like you have learned more about WCAG 2.0 with my guidebook.