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

🎨 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)的用户在正常条件下能识别文字的阈值,考虑了色觉缺陷和老年用户需求。
我的数据会被上传吗?
不会。所有计算都在浏览器本地完成,数据不会发送到任何服务器。