SearchLanguageMobile menu

OGCIO

Illustration on Best Practice 1.4 - Provide meaningful content sequence (Baseline level)


Before Rectification

A sample mobile application page with the elements are coded in a wrong sequence.

In this example, the screen page has been coded in such a way that the screen readers will read the headings and content in a wrong order.

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


Loading the Player
Download a transcript of this audio

After Rectification

A sample mobile application page with the elements are coded in logical sequence.

If the screen page is correctly coded, the reading order for screen readers will be from top to bottom and left to right.

Please press the "Play" button in the audio below to listen the audio to be read out by screen reader.


Loading the Player
Download a transcript of this audio

 

 Previous 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)
Next ArticleOGCIO : Illustration on Best Practice 1.8 - Provide alternative means for notification (Baseline level)