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

🔍 Detector 29

Detector 29 is a free online tool.

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

示例文字 The quick brown fox

二、WCAG 2.1 合規清單檢測

⚠️ 使用說明與注意事項

📚 深度解析:無障礙(設計/標準/檢測)指南

💡 常見使用場景

對比度檢測示例
輸入:前景 #1F2937、背景 #FFFFFF、正常文字 → 對比度 14.68:1,遠超 AAA 級 7.0:1 要求,AA/AAA 均通過。對照:#666666 配白底 5.74:1(僅過 AA)、主題橙 #FF6B35 配白底 2.84:1(不合格,<3.0),說明深色作為正文更安全。

❓ 常見問題(FAQ)

對比度多少算達標?
正常文字 AA≥4.5:1、AAA≥7.0:1;大文字(≥18pt 或 14pt 粗體)放寬到 AA≥3.0:1、AAA≥4.5:1。低於閾值需調深前景或調淺背景。
清單和對比度哪個更關鍵?
兩者都重要:對比度只解決「看得見」,清單覆蓋「讀屏可達、鍵盤操作、語義結構」等;最終以 A 級為底線、AA 為推薦目標(本工具綜合分 ≥75 即無障礙良好)。
📖關於「無障礙檢測指南」

📝工具簡介

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

功能特點

🎯使用場景