指南
網站無障礙設計基礎:為每一位可能使用它的人而建。
無障礙網站讓視障人士、聽障人士、色盲人士、長者、只能使用鍵盤的人,以及在猛烈陽光下使用手機的人都能使用。這是一大批顧客,而改善對每個人都有幫助。本指南說明標準、常見的缺失及實用清單。內容屬一般資訊,不構成法律意見。
重點摘要
- 無障礙設計預先納入比日後補上便宜。
- 通常的標準是 WCAG 的 AA 級別。
- 大多數缺失都很普通:對比度低、缺少標籤、無法用鍵盤操作、圖片沒有描述。
- 自動工具只能找出部分問題。也要人手測試。
- 您是否有法律責任,是律師才能回答的問題。
誰會受惠
香港人口正在老化,令這一點更加切身,而不是更少。
標準:WCAG
由 W3C 發布的《網頁內容無障礙指引》(WCAG)是常用的參照。它圍繞四個概念:內容必須可感知、可操作、可理解及穩健。符合程度分三級:A、AA 及 AAA。AA 級是商業網站通常的目標。較新的版本,例如 WCAG 2.2,加入了更多檢查項目。
香港政府網站須符合 WCAG 的 AA 級,並建議政策局及部門在建立或改版網站時採用較新的版本。政府亦鼓勵私營機構的網站遵循無障礙做法。任何法例是否及如何適用於您自己的網站,是我們無法回答的法律問題,如對您重要,請尋求意見。
最常見的問題
- 對比度低。白底淺灰字令許多人難以閱讀。文字與背景應有足夠對比;AA 要求一般文字至少 4.5 比 1。
- 圖片沒有文字描述。提供資訊的圖片需要簡短描述;純裝飾的圖片應作標記,令它們被略過。
- 表格沒有適當的標籤。每個欄位都需要與之連結的可見標籤,而錯誤訊息應說明哪裡出錯及如何修正。
- 無法用鍵盤操作。凡能用滑鼠做的事,都必須能以 Tab 及 Enter 鍵完成,並有清晰可見的焦點指示,且不會被困住。
- 只靠顏色傳達資訊,例如以紅色表示錯誤,卻沒有圖示或文字。
- 點按目標太小,對活動能力有限或在行駛中的巴士上的人十分困難。
- 影片沒有字幕,音頻沒有文字稿。
- 頁面結構不清晰。為了大小而非意義而使用標題,會令依標題導覽的螢幕閱讀器使用者困惑。
- 沒有聲明語言。中文或英文的頁面應在代碼中說明,令螢幕閱讀器正確發音。雙語頁面需要為每個部分加上標記。
實用清單
本網站的頁面在建造時已就其中數項檢查,包括對比度、標籤、標題、語言及目標大小。
測試及保持無障礙
延伸閱讀
無障礙項目亦載於上線準備清單。
常見問題
我需要無障礙覆蓋層或外掛程式嗎?
承諾自動修正網站的覆蓋層,並不能取代妥善建造,亦受到無障礙專家廣泛批評。修正底層的設計及代碼才是可靠的途徑。
我的業務在法律上必須做到無障礙嗎?
這取決於您的情況,是律師才能回答的問題。撇開法律,無障礙的網站接觸更多顧客,也令每個人更容易使用。
無障礙設計會令網站變得難看嗎?
不會。清晰的對比度、合理的結構及寬鬆的間距,通常令設計更好。美觀與無障礙可以並存。