SearchLanguageMobile menu

OGCIO

9.5 Level AA − WCAG 2.0 Success Criterion 1.4.5 − Images of Text

Where possible, do not use images to display text. Accessibility tools like screen readers cannot read text inside an image and will have to rely on the image alt tag. In addition, text in images cannot be resized by browsers when a user chooses to use larger fonts.

Before Rectification

A webpage sample with the title rendered as an image.

The heading on the webpage above has the risk of being read incorrectly by some screen readers or other assistive tools.

After Rectification

A webpage sample with the title in plain text with CSS styling.

This text heading above does not use an image, thus increasing the chance of it being read correctly by screen readers or other assistive tools. Any visual design applied to this text is achieved through cascading style sheets (CSS).

Link to Live Example for 1.4.5

WCAG 2.0 Reference:

http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html