无障碍(设计/标准/检测)指南

🔍 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合规等级并给出改进建议。

功能特点

🎯使用场景