- 繁
- 简
Text Size
- Email
- Facebook
- Whatsapp
- Weibo
- Wechat
- X
- RSS
"Scan QR Code" in WeChat and tap "..." to share.
Search for Keywords

Close Search box

Search for Keywords in Mobile Search Bar

Close Search box
Languages
- 繁體
- 简体

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.

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.

Download a transcript of this audio

Previous ArticleIllustration 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) | Digital Policy Office

Next ArticleIllustration on Best Practice 1.8 | Provide alternative means for notification (Baseline level) | Digital Policy Office