Marcelo Paiva
A person wearing round glasses and a collared jacket holds up a magnifying glass beside their face.

Success criterion 1.4.5 · Level AA

Images of Text

“Is that a logo or a ransom note? Text in images are a no-go for me!”

Who this helps: Low Vision

Success criterion 1.4.5 · Level AA

Images of Text

If the same visual presentation can be made using text alone, an image is not used to present that text.

Principle 1: Perceivable · Guideline 1.4: Distinguishable

What each role can do

Product manager
Avoid using images for text unless absolutely necessary.
Designer
If text must be part of an image, make sure it has high contrast and is legible.
Developer
Use CSS and web fonts to style text, avoiding the need for text within images.
Tester
Check for the presence of images used as text and verify if they are compliant with guidelines.

Once it is fixed

“You just saved me from squinting at grainy images. Text has never looked so good!”

Next criterion: 1.4.6 Contrast (Enhanced)