無障礙(設計/標準/檢測)指南

🎨 Detector 29

Detector 29 is a free online tool.

一、顏色對比度檢測(WCAG 1.4.3)

示例文字 The quick brown fox

二、WCAG 2.1 合規清單檢測

⚠️ 使用説明與注意事項

📚 深度解析:無障礙檢測指南

💡 常見使用場景

高頻複用模板
選擇一類代表樣本,先跑基礎流程再切換異常輸入,記錄差異點並形成復盤説明。

❓ 常見問題(FAQ)

uiux 場景該工具的複用邊界?
適用於可結構化輸入的場景,邊界情況建議加入人工複核步驟。
如何追蹤版本變化?
建議把輸入示例、參數説明、結果説明放在同一目錄歸檔。
📖關於「無障礙檢測指南」

📝工具簡介

無障礙檢測工具,基於W3C WCAG 2.1標準,提供顏色對比度計算器(WCAG 1.4.3)與14項關鍵合規清單檢測,按可感知/可操作/可理解/健壯四大原則分類評估,自動判定A/AA/AAA合規等級並給出改進建議。

功能特點

🎯使用場景

💬常見問題

WCAG的AA級和AAA級有什麼區別?
AA級是WCAG的推薦合規標準,要求正常文字對比度≥4.5:1、大文字≥3:1。AAA級是最高標準,要求正常文字≥7:1、大文字≥4.5:1。AA級適用於大多數網站,AAA級適用於特殊無障礙需求場景。
對比度4.5:1是怎麼算出來的?
對比度=(L1+0.05)/(L2+0.05),其中L是WCAG定義的相對亮度。4.5:1對應約視力4.5(20/40)的用户在正常條件下能識別文字的閾值,考慮了色覺缺陷和老年用户需求。
我的數據會被上傳嗎?
不會。所有計算都在瀏覽器本地完成,數據不會發送到任何伺服器。