Spotlight 16

Images of Texts

(WCAG 1.4.5 & 1.4.9)

In this spotlight, let's discuss images of text and how they may impact learners accessing your content.


What the criteria say

WCAG 1.4.5: Images of Text (AA) states that if an author can use text to achieve the same visual effect, they should present the information as text rather than using an image. Images of text can be images of styled headings, quotations, logos, letters with important content, diagrams with text, or infographics with text. Not complying with this criterion and using images of text or text that is presented inside an image, can impact people with low vision as images can become blurry when enlarged. They can also impact people using smaller screens to access the content as these images don't scale to the screen as the native text does. Besides, unless Alt text is used, screen reader users will not be able to access the written content. 

Images of text (WCAG 1.4.5 vs 1.4.9) showing how an image scale much less than text information in both desktop and mobile views.
Images of text (WCAG 1.4.5 vs 1.4.9)

One exception to this rule is if the user can customize the text in the image by changing the font or the colour for example. Another example is when the text in the image is essential such as with logos, charts and graphs. Note, however, that it is best practice to provide Alt text with images at all times. 


The advanced version of this criterion, 1.4.9: Images of Text (No Exception) AAA states that images of text should be used ONLY for decorative purposes or when they are considered essential like logos, charts and diagrams.

WCAG 1.4.5: Images of Text (AA) Present the information as text rather than using an image - whenever possible. *This applies to styled headings, quotations, diagrams with text, infographics with text etc. WCAG 1.4.9: Images of Text (No Exception) (AAA) Images of text should be used ONLY for decorative purposes or when they're essential. ** Essential content can be logos, branding or illustration of text styles.
WCAG 1.4.5 vs 1.4.9

Resources:

Discussion questions:

Get Involved: Come to the LCA Spotlight LinkedIn group and join the conversation.

When you post in the community, use the hashtag #LCASpotlightImagesOfText

Spotlight 15: Contrast

Spotlight 17: Audio content