- Success Criterion 1.4.5
- Conformance level AA
Button or Navigation Label Rendered as an Image
1.4.5 — Images of Text
Scenario
Setting
A budget airline's flight search results
What’s wrong
Buttons and navigation labels as images.
Example
A budget airline's flight search results is a good example: buttons and navigation labels as images.
Why it matters
Low-vision users who need scalable text, and people who customize fonts or colors. The practical effect on a budget airline's flight search results: they miss information conveyed only by color.
How to test
Try to select button and navigation label text: if it can't be highlighted because it's an image, it fails.
How to fix
Real text must be used instead of an image of text (except logos or where the exact rendering is essential).
Outcome
That one change on a budget airline's flight search results means they read the text clearly against its background.
Who is affected
Low-vision users who need scalable text, and people who customize fonts or colors.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Text-Heavy Content Rendered as an Image Instead of Real Text
- Page Heading or Banner Exported as an Image File
- Marketing Text Baked Directly Into a Composite Image
- Restaurant Menu or Price List Uploaded as a Photo
- Screenshot of Text Used as the Page’s Primary Content
- Email-Style Hero Image With All Its Copy Baked In