📝工具简介
无障碍检测工具,基于W3C WCAG 2.1标准,提供颜色对比度计算器(WCAG 1.4.3)与14项关键合规清单检测,按可感知/可操作/可理解/健壮四大原则分类评估,自动判定A/AA/AAA合规等级并给出改进建议。
✨功能特点
- WCAG颜色对比度实时计算(相对亮度公式)
- 正常文字/大文字分别判定AA/AAA
- 14项关键WCAG合规清单(POUR四大原则)
- A/AA/AAA三级合规等级自动判定
- 颜色组合实时预览
- 纯前端处理,数据不上传服务器
🎯使用场景
- 网页/APP无障碍合规检测
- UI设计颜色对比度验证
- 无障碍审计报告生成
- 前端开发自查清单
💬常见问题
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)的用户在正常条件下能识别文字的阈值,考虑了色觉缺陷和老年用户需求。
我的数据会被上传吗?
不会。所有计算都在浏览器本地完成,数据不会发送到任何服务器。