Search Menu
Language Menu
Mobile Menu
OGCIO


Best Practice 1.2 – Avoid images of text (Advanced level)


Where possible, do not use images to display textual information. Accessibility tools like screen readers cannot read the text encapsulated inside an image unless a text alternative is provided for the image.

 

Before Rectification
A sample mobile application page with a title rendered as an image.
The heading above is a graphic text. It cannot be read by screen readers.
After Rectification
A sample mobile application page with a title in plain text.
The above text heading is not a graphic image. It can be read correctly by screen readers.

 

W3C WCAG Reference: 1.4.5 Images of Text

 

 Previous ArticleOGCIO : Best Practice 1.1 - Provide text alternatives for non-text contents (Baseline level)
Next ArticleOGCIO : Best Practice 1.3 - Provide text resize function to scale up text size or zoom support function (or work well with device’s zoom feature) without loss of content (Baseline level)