網站效能 Webz Fusion 1 分鐘閱讀

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

為企業負責人、行銷人員與開發團隊而設的實用網站無障礙設計入門指南。

網站無障礙是指設計讓身心障礙人士也能使用的數碼體驗。它同時也能改善小螢幕使用者、暫時受傷人士、網絡較慢的使用者,以及使用輔助技術人士的可用性。

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

可感知

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

可操作

支援鍵盤導覽、清楚可見的焦點、合乎邏輯的焦點順序、可用的點按目標尺寸,以及無障礙的選單與對話框。

可理解

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

穩健

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

WCAG 2.2 的重要新增項目

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

無障礙與轉換

無障礙設計有助於提升清晰度、表單完成率、流動裝置可用性、錯誤復原及信任。許多無障礙改善,本身也是整體品質改善。

測試

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

網頁設計與開發期間,Webz Fusion 可以從一開始便界定對比度、字體排印、表單、焦點與元件標準。網站維護亦可包括定期無障礙檢查。

實用檢查清單

  • 一個清晰的 H1
  • 合乎邏輯的標題層級
  • 清楚可見的鍵盤焦點
  • 表單標籤
  • 具體的錯誤訊息
  • 足夠的對比度
  • 適合流動裝置使用的點按目標
  • 合適的圖片替代文字
  • 無障礙對話框
  • 受控制的動態效果

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

相關 Webz Fusion 指南

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

資料來源

把下一個構想轉化為可衡量的進展。

告訴我們您正在建立、改善或發展甚麼,我們會提供實用的下一步建議。

開始對話