WCAG 檢測工具：整理 A/AA 問題與修正線索

這個 WCAG compliance tool 可以檢查什麼？

DevCheck 不是單純列出分數，而是把可被自動化偵測的問題定位到頁面元素，讓需要處理的人能修正後再次驗證。

• WCAG 2 A/AA 相關問題

  透過 axe-core 掃描 DOM，整理 WCAG A/AA 與最佳實務相關的違規項目。

• 語意、ARIA 與表單標籤

  協助找出常見的結構、互動角色、標籤與名稱問題。

• 視覺與感官模擬

  支援色盲、文字間距、閱讀阻礙、視野缺損、老花、近視與白內障模擬。

• AI 語意檢測

  針對機器規則較難判斷的連結目的、語言標記與圖片 alt 品質提供輔助建議，包含更合適的 alt 文字建議。

• PDF 結構訊號

  檢查 Tagged PDF、語言、圖片、連結、表單欄位、書籤與頁面尺寸一致性等線索。

如何使用 DevCheck 做 WCAG 檢測

流程維持在瀏覽器中完成，適合 PM、設計、QA、工程、內容與營運在不同階段快速檢查與回歸。

1. 步驟 1

   安裝瀏覽器擴充功能（Chrome／Edge 或 Firefox）。

2. 步驟 2

   開啟要檢查的頁面或產品流程。

3. 步驟 3

   執行 Axe-Core A11Y Test。

4. 步驟 4

   檢視 WCAG、最佳實務與嚴重度統計。

5. 步驟 5

   點擊問題定位元素，修正後重新檢查。

自動化檢測不是符合法規的保證

DevCheck 可以協助需要檢查頁面的人更早發現可被機器偵測的無障礙問題，但任何自動化工具都無法保證完整符合 WCAG、ADA 或其他法規要求。正式檢測仍需要人工檢查、鍵盤操作測試、輔助科技測試與實際使用情境判斷。

誰適合使用這個工具？

• PM 與產品人員

  在需求驗收、流程審查或回報問題前，先用低門檻方式確認明顯的無障礙風險。

• QA 人員

  把無障礙檢查加入回歸測試流程，降低上線後才發現問題的風險。

• 設計師與工程師

  用模擬模式檢視色彩、可讀性與視覺情境，也用掃描結果定位需要修正的頁面元素。

常見問題