網站無障礙與 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/