Accesserty DevCheck：無障礙檢測工具 作者: Accesserty

Accesserty DevCheck 讓你在實際要檢查的頁面上做無障礙檢測：測試站、登入後的畫面、CMS 預覽、localhost，或電腦裡的 PDF。除了選用的 AI 語意檢測，所有功能都在瀏覽器本機執行。

適合所有在發布前檢查頁面的人：設計師、PM、QA、內容編輯與工程師。不需要註冊帳號，也不需要無障礙背景。

可以先在練習頁試試：虛構的示範頁，刻意留了問題，按一下就能套用修正後重測。https://accesserty.com/devcheck-practice/

掃描頁面
• 以 axe-core 自動檢查 WCAG 2.0、2.1、2.2 的 A／AA 規則與最佳實務，找出可被機器偵測的問題；未完整檢查 AAA。瀏覽器語言為中文時，規則說明以繁體中文顯示。
• 確定的問題與需要人工判斷的項目分開列出，可以直接定位到受影響的元素，並複製文字摘要到你使用的議題工具。

看見頁面結構
人工檢視輔助會把頁面結構直接畫在頁面上，由你判斷是否合理：
• 焦點路徑：以編號標出鍵盤焦點順序，並提示疑似跳躍的地方。
• 標題結構：顯示 h1–h6 大綱，包含只有螢幕閱讀器讀得到的標題。
• 地標區域：標出 header、nav、main 等區塊，並提示缺少或重複的地標。
• 可及名稱：滑鼠移過去或用 Tab 移到元素上，就能看到它的角色、名稱與名稱來源。
• 朗讀預覽：依閱讀順序列出頁面內容，並用裝置內建的語音念出來。
• 表單：把每個欄位連到它的標籤、說明與錯誤訊息。「送出看看」會在你按下頁面自己的送出按鈕後，觀察錯誤如何呈現。DevCheck 絕不自己送出表單。
• 停止動態效果：暫停動畫與影片，再標出仍在動的內容。

親身體驗操作阻礙
• 色覺差異、低視能、視野缺損、文字間距、閱讀障礙式的閱讀困難，以及觸控目標衝突。
• 螢幕放大鏡（×2、×3、×4），會跟著滑鼠與鍵盤焦點移動。
• 手部顫抖：游標會抖動，點擊落在抖動的位置，太小或太擠的按鈕就會點不到。面板會統計失誤次數。
• 無聲模式：把分頁靜音，頁面每次發出聲音時提醒你，並列出沒有字幕的影音。

檢查 PDF
• 檢查本機 PDF 的文件語言、標記、書籤、連結、圖片與表單欄位。檔案不會離開你的裝置。結果是結構訊號，不是 PDF/UA 符合性驗證。

AI 語意檢測（選用）
• 檢查連結目的、語言標記與圖片替代文字的品質，並提供替代文字建議。

DevCheck 不能做什麼
DevCheck 不能取代人工檢測或輔助科技測試。橘色標記代表建議人工確認的項目，不代表已確認的 WCAG 違規。它幫你更早找出常見問題，並用具體的畫面討論無障礙。

隱私
掃描、人工檢視輔助、情境模擬與 PDF 檢查都在本機執行，不會傳送任何資料。朗讀預覽只使用裝置內建的語音。

AI 語意檢測只在你主動開始時執行。它會把有限量的可見文字、連結名稱（可能包含視覺上隱藏的可及名稱與被 CSS 裁切的文字），以及頁面允許擴充功能讀取的圖片，送往 Google Gemini 分析。使用你自己的 Gemini API Key 時，資料直接送往 Google；未設定時，會經過 Accesserty 的免費 proxy，proxy 另會收到隨機的安裝識別碼，並衍生 IP 雜湊，用來控管每日額度。開放式 Shadow DOM 中的內容會納入 AI 取樣；不遍歷框架與封閉式 Shadow DOM。DevCheck 不會傳送完整頁面、瀏覽紀錄、表單值、PDF 檔案或掃描結果，也不另傳網址欄位，但取樣內容中的網址仍可能送出。依 Google 未付費服務條款，輸入與輸出內容可能用於改善 Google 的產品，並可能由人工審閱，請勿把機密、未授權或個人內容提交給 AI 語意檢測。條款：https://ai.google.dev/gemini-api/terms

複製或下載的報告在本機產生，可能包含頁面網址與取樣內容。

費用
所有本機工具都免費。共用的 AI 語意檢測有每日額度與速率限制；使用自己的 Key 時，適用 Google 的額度與費率。

了解更多：https://accesserty.com/devcheck/
隱私權政策：https://accesserty.com/privacy/