- Success Criterion 1.4.5
- Conformance level AA
Email-Style Hero Image With All Its Copy Baked In
1.4.5 — Images of Text
Scenario
Setting
A video streaming service's show detail page
What’s wrong
Email-style hero images reused on web pages with all copy inside the image.
Example
A tester reviewing a video streaming service's show detail page finds this: email-style hero images reused on web pages with all copy inside the image.
Why it matters
Low-vision users who need scalable text, and people who customize fonts or colors. On a video streaming service's show detail page specifically, they miss information conveyed only by color.
How to test
Try to select the copy inside an email-style hero image reused on the web page: if it can't be selected, 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
Fixed, a visitor to a video streaming service's show detail page can 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
- 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