- Success Criterion 1.4.5
- Conformance level AA
Page Heading or Banner Exported as an Image File
1.4.5 — Images of Text
Scenario
Setting
A hospital's patient portal appointment scheduler
What’s wrong
Headings/banners exported as PNG/JPG/SVG-with-outlined-text for font styling reasons.
Example
Watch a hospital's patient portal appointment scheduler closely and you'll spot this: headings/banners exported as PNG/JPG/SVG-with-outlined-text for font styling reasons.
Why it matters
Low-vision users who need scalable text, and people who customize fonts or colors. In this case (a hospital's patient portal appointment scheduler), they can't read the text against its background.
How to test
Try to select heading/banner text with the cursor: if it can't be highlighted because it was exported as an image for styling, 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
Once corrected, a hospital's patient portal appointment scheduler lets them tell the information apart without relying on color.
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
- 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
- Email-Style Hero Image With All Its Copy Baked In