- Success Criterion 1.4.5
- Conformance level AA
Chart Axis Labels Rasterized Instead of Rendered as Text
1.4.5 — Images of Text
Scenario
Setting
A coworking-space booking app
What’s wrong
Charts whose axis labels/legends could be HTML/SVG-text but are rasterized.
Example
A coworking-space booking app runs into this exact issue: charts whose axis labels/legends could be HTML/SVG-text but are rasterized.
Why it matters
Low-vision users who need scalable text, and people who customize fonts or colors. In this case (a coworking-space booking app), they can't perceive part of the content because of how it's displayed.
How to test
Try to select chart axis labels and legend text: if they're baked into a rasterized chart image rather than rendered as HTML/SVG 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
Once corrected, a coworking-space booking app 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
- 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