在"政府資訊科技總監辦公室 - 無障礙網頁手冊"(https://www.ogcio.gov.hk/tc/community/web_accessibility/handbook/index.htm)中，提供了實例如何落實WCAG 2.0。以下是總結。
A級
圖像: <img>要加"alt" attribute來簡單說明圖像表達的內容
映像/錄音: (1)提供文字稿，再加埋"有提供文字稿"的描述 (2)映像加埋字幕 (3)不要自動播放，因為會影響讀者用讀屏軟件"聽"內容。要人手按" 播放"才播放
網頁按鈕: 所有按鈕可經"Tab" focus
Pop-up: 所有Pop-up要有"Close" button，以便可以將focus返回主頁
交易Timeout: 有Button可延長Timeout時間
內容自動更新: 有Button可disable內容自動更新
閃動圖像: 防止影響癲癇症患者。 縮小閃動圖像，令它只佔Screen的一小部分，閃動次數不得多於每秒三次。
加"跳至內容"的Bookmark: 讓讀屏軟件可以跳過所有導覽資訊。
"Tab" focus按邏輯次序跳過: 例如姓，名，地址。不是姓，地址，名
幫助訊息: 有幫助訊息button，但要用戶按下才顯示訊息
不要自動提交訊息: 所有form要用戶按"提交"button，才提交上Server
有意義的錯誤訊息: 清楚說明甚麼地方出問題，並說明如何改正
form field描述: 說明每個field需要提供甚麼資料
用正確的html tag表達按鈕: 用<input>而不用<img>加action
文字描述: 有文字描述有甚麼功能可提供
AA級
直播映像提供字幕
映像提供描述字幕: 例如映像顯示一個人在食飯，字幕打著"正在食飯"
調整文字大小: 提供"3A" button讓用戶放大文字
文字圖像: 如非必必必要，勿用文字圖像
多種途徑: 提供所於一個方法存取網站功能: 例如navigation bar，search page
清晰可見的焦點: 利用顯示效果強調Cursor focus在那一個位罝
一致識別: 用同一個Label表示同一個功能
把錯誤提示放在表格頂部，以便讀屏軟件可以快速讀取錯誤訊息
確認提交表單資料: 必需讓用戶確認提交資料，並提供方法讓用戶修改
Add new comment