無障礙檢測指南

給產品、設計、QA、工程與內容團隊的任務型指南：上線前檢測、免費工具、WCAG 檢查清單、鍵盤操作與 ARIA patterns。

• 網站上線前如何做無障礙檢測？給產品團隊的檢查流程

  把網站無障礙檢測放進 release 前流程：先用自動化工具找出可被機器偵測的問題，再補上鍵盤操作、焦點、ARIA 與人工檢查。

  
  
• 給開發者的免費網頁無障礙檢測工具該怎麼選？

  開發者需要的不只是 URL 掃描器，而是能檢查 localhost、測試站、登入後畫面與互動狀態的瀏覽器內工具。

  
  
• WCAG 檢測清單：產品團隊 release 前該看什麼

  用產品、設計、QA 與工程都可執行的方式整理 WCAG 檢查：語意、表單、鍵盤、焦點、對比、ARIA、錯誤訊息與動態內容。

  
  
• 鍵盤操作無障礙測試：不用滑鼠也能完成任務嗎？

  鍵盤操作是網站無障礙檢測的核心項目。檢查 Tab 順序、焦點提示、跳出困境、對話框與表單流程。

  
  
• 不要只裝 Overlay：真正改善網站無障礙的做法

  無障礙覆蓋工具不能取代語意 HTML、清楚內容、可操作元件、人工檢測與持續監測。這份指南整理團隊如何把無障礙修在產品本身。

  
  
• 給開發者的 ARIA Patterns：先用原生 HTML，再補 ARIA

  ARIA 可以補足複雜元件語意，但錯誤 ARIA 會更糟。用 W3C APG Patterns 檢查 tabs、dialog、accordion、menu button 等互動模式。