:::
網站上線前如何做無障礙檢測?給產品團隊的檢查流程
把網站無障礙檢測放進 release 前流程:先用自動化工具找出可被機器偵測的問題,再補上鍵盤操作、焦點、ARIA 與人工檢查。
重點摘要
- 上線前的無障礙檢測應先找出可自動化偵測的 WCAG 與最佳實務問題。
- 接著補上鍵盤操作、焦點順序、互動狀態、ARIA 與內容理解等人工檢查。
- 在台灣語境中,檢測溝通應使用網站無障礙規範、檢測等級、檢測碼、稽核評量碼與成功準則等語彙。
建議流程
把無障礙檢測放在 release 前,而不是等正式稽核或使用者回報後才處理。
- 在本機或測試站開啟要檢查的頁面。
- 用 DevCheck 執行自動化檢查,記錄 WCAG 與最佳實務問題。
- 檢查鍵盤操作、焦點提示、表單錯誤訊息與互動元件狀態。
- 修正後重新檢查,直到主要流程沒有阻擋性問題。
自動化工具不能取代人工判斷
自動化檢查可以加速發現缺少標籤、角色錯誤、對比不足或 DOM 結構問題,但它無法判斷所有內容是否清楚、流程是否合理、輔助科技使用者是否真的能完成任務。
相關頁面
- Accesserty DevCheck
用瀏覽器內工具檢查本機、測試站、登入後頁面與互動狀態。
- WCAG 術語頁
- ARIA 術語頁