網站無障礙與 WCAG 2.2:實用企業指南
為企業負責人、行銷人員與開發團隊而設的實用網站無障礙設計入門指南。
網站無障礙是指設計讓身心障礙人士也能使用的數碼體驗。它同時也能改善小螢幕使用者、暫時受傷人士、網絡較慢的使用者,以及使用輔助技術人士的可用性。
WCAG 2.2 圍繞四項原則組織:可感知、可操作、可理解及穩健。
可感知
為有意義的圖片提供文字替代內容、為影片提供字幕、確保足夠對比度,並讓版面在放大後仍保持可閱讀。
可操作
支援鍵盤導覽、清楚可見的焦點、合乎邏輯的焦點順序、可用的點按目標尺寸,以及無障礙的選單與對話框。
可理解
使用清晰標籤、一致導覽、具體的驗證訊息、淺白語言及可預測的控制方式。
穩健
使用語意化 HTML、正確的表單關聯,以及經過測試的動態介面。如原生 HTML 控制項已存在,ARIA 不應取代原生 HTML。
WCAG 2.2 的重要新增項目
WCAG 2.2 新增了與焦點外觀、焦點不被遮擋、拖曳動作、目標尺寸、一致協助、重複輸入及無障礙身分驗證相關的準則。
無障礙與轉換
無障礙設計有助於提升清晰度、表單完成率、流動裝置可用性、錯誤復原及信任。許多無障礙改善,本身也是整體品質改善。
測試
應結合自動掃描、鍵盤測試、螢幕閱讀器測試、縮放與 reflow 測試、對比度檢查及人工評估。
在網頁設計與開發期間,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/