- Success Criterion 1.4.5
- Conformance level AA
Marketing Text Baked Directly Into a Composite Image
1.4.5 — Images of Text
Scenario
Setting
A food-delivery app's order-tracking screen
What’s wrong
Marketing "text on image" composites where the text is baked into the raster.
Example
Here's a real case from a food-delivery app's order-tracking screen: marketing "text on image" composites where the text is baked into the raster.
Why it matters
Low-vision users who need scalable text, and people who customize fonts or colors. On a food-delivery app's order-tracking screen, this barrier means they can't perceive part of the content because of how it's displayed.
How to test
Try to select any 'text on image' marketing composite: if the text is baked into the raster rather than rendered as real HTML text, 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
Corrected, a food-delivery app's order-tracking screen now lets a visitor see the control's boundary and current state.
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
- Button or Navigation Label Rendered as an 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