網站無障礙與 WCAG 2.2:實用企業指南
為企業負責人、市場推廣人員及開發團隊而設的網站無障礙設計實用入門指南。
網站無障礙是指設計讓殘疾人士亦能使用的數碼體驗。這亦可改善小螢幕使用者、暫時受傷人士、網絡連線較慢的使用者,以及採用輔助技術人士的易用體驗。
WCAG 2.2 圍繞四項原則組織:可感知、可操作、可理解及穩健。
可感知
為有實際意義的圖片提供文字替代內容、為影片加入字幕、確保具足夠對比度,並讓版面在放大後仍然保持清晰可讀。
可操作
支援鍵盤導覽、清晰可見的焦點狀態、合理的焦點次序、可用的操作目標尺寸,以及無障礙選單及對話框。
可理解
使用清晰標籤、一致的導覽方式、具體的驗證訊息、淺白語言及可預測的控制項。
穩健
使用語意化 HTML、正確的表格關聯,以及經測試的動態介面。如已有原生 HTML 控制項,ARIA 不應取代原生 HTML。
WCAG 2.2 的重要新增項目
WCAG 2.2 新增了與焦點外觀、焦點不被遮擋、拖曳動作、目標尺寸、一致的協助方式、重複輸入及無障礙身份驗證相關的準則。
無障礙與轉換
無障礙設計有助提升清晰度、表格完成率、流動裝置易用性、錯誤復原及信任。很多無障礙改善本身亦是整體質素改善。
測試
應結合自動掃描、鍵盤測試、螢幕閱讀器測試、縮放及重排測試、對比度檢查,以及人工評估。
在 網站設計及開發過程中,Webz Fusion 可從一開始便制定對比度、字體排版、表格、焦點及元件標準。網站維護亦可包括定期無障礙檢查。
實用檢查清單
- 一個清晰的 H1
- 邏輯清晰的標題層級
- 清晰可見的鍵盤焦點
- 表格標籤
- 具體的錯誤訊息
- 足夠的對比度
- 適合流動裝置操作的目標尺寸
- 合適的圖片替代內容
- 無障礙對話框
- 受控的動態效果
無障礙並不是一次性的認證標記,而是一項持續的產品質素管理工作。
相關 Webz Fusion 指南
需要針對您網站的實用建議?與 Webz Fusion 展開對話。
資料來源
- W3C WCAG 概覽:https://www.w3.org/WAI/standards-guidelines/wcag/
- W3C WCAG 2.2 變更:https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/