- Success Criterion 1.4.5
- Conformance level AA
Quote Card Image Used as the Only Version of a Quote
1.4.5 — Images of Text
Scenario
Setting
A streaming music app's search results
What’s wrong
Social-media quote cards embedded as sole representation of the quote.
Example
Here's what happens on a streaming music app's search results: social-media quote cards embedded as sole representation of the quote.
Why it matters
Low-vision users who need scalable text, and people who customize fonts or colors. On a streaming music app's search results, this barrier means they can't read the text against its background.
How to test
Try to select the quote text inside a social-media-style quote card: if it's an image with no text alternative equivalent, 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 streaming music app's search results 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
- 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