SearchLanguageMobile menu

OGCIO

Illustration on Best Practice 1.1 - Provide text alternatives for non-text contents (Baseline level)


Before Rectification

A sample mobile application page with a graphic without text alternative.

A screen reader is unable to help users know the meaning of an image which does not have meaningful text descriptions.

Please press the "Play" button and listen to the audio from a screen reader.


Loading the Player

Transcript: Button



After Rectification

A sample mobile application page with a graphic and a text alternative that can be read by a screen reader.

Providing meaningful text alternative enable users to know what the image is about.

Please press the "Play" button and listen to the audio from a screen reader.


Loading the Player

Transcript: Cognitive impairment button

 

 Previous ArticleOGCIO : Illustration on Mobile Application Accessibility Best Practice
Next ArticleOGCIO : Illustration on 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)