網站效能 Webz Fusion 1 分鐘閱讀

網站無障礙與 WCAG 2.2:實用企業指南

為企業負責人、市場推廣人員及開發團隊而設的網站無障礙設計實用入門指南。

網站無障礙是指設計讓殘疾人士亦能使用的數碼體驗。這亦可改善小螢幕使用者、暫時受傷人士、網絡連線較慢的使用者,以及採用輔助技術人士的易用體驗。

WCAG 2.2 圍繞四項原則組織:可感知、可操作、可理解及穩健。

可感知

為有實際意義的圖片提供文字替代內容、為影片加入字幕、確保具足夠對比度,並讓版面在放大後仍然保持清晰可讀。

可操作

支援鍵盤導覽、清晰可見的焦點狀態、合理的焦點次序、可用的操作目標尺寸,以及無障礙選單及對話框。

可理解

使用清晰標籤、一致的導覽方式、具體的驗證訊息、淺白語言及可預測的控制項。

穩健

使用語意化 HTML、正確的表格關聯,以及經測試的動態介面。如已有原生 HTML 控制項,ARIA 不應取代原生 HTML。

WCAG 2.2 的重要新增項目

WCAG 2.2 新增了與焦點外觀、焦點不被遮擋、拖曳動作、目標尺寸、一致的協助方式、重複輸入及無障礙身份驗證相關的準則。

無障礙與轉換

無障礙設計有助提升清晰度、表格完成率、流動裝置易用性、錯誤復原及信任。很多無障礙改善本身亦是整體質素改善。

測試

應結合自動掃描、鍵盤測試、螢幕閱讀器測試、縮放及重排測試、對比度檢查,以及人工評估。

網站設計及開發過程中,Webz Fusion 可從一開始便制定對比度、字體排版、表格、焦點及元件標準。網站維護亦可包括定期無障礙檢查。

實用檢查清單

  • 一個清晰的 H1
  • 邏輯清晰的標題層級
  • 清晰可見的鍵盤焦點
  • 表格標籤
  • 具體的錯誤訊息
  • 足夠的對比度
  • 適合流動裝置操作的目標尺寸
  • 合適的圖片替代內容
  • 無障礙對話框
  • 受控的動態效果

無障礙並不是一次性的認證標記,而是一項持續的產品質素管理工作。

相關 Webz Fusion 指南

需要針對您網站的實用建議?與 Webz Fusion 展開對話

資料來源

將下一個想法轉化為可量度的進展。

告訴我們您正在建立、修復或拓展甚麼。我們會提供實用的下一步建議。

開始對話