这个工具有问题吗?
关于「WCAG 对比度检查 在线」
该工具测量两种颜色(通常是前景文本和背景)之间的对比度,并告诉您该组合是否符合 WCAG(Web 内容可访问性指南)的可读性标准。在普通和大文本尺寸下显示 AA 和 AAA 级别的通过/失败结果。
WCAG 合规性越来越成为法律要求:政府网站、教育平台、公共部门工具以及欧洲和北美的许多商业网站必须至少符合 WCAG 2.1 AA。对比度差是最常见的可访问性问题。
在设计期间选择文本颜色时、审计现有站点的可访问性问题,或寻找在不过多改变整体设计的情况下达到 AAA 的替代色调时使用。
如何使用这个工具
如何检查 WCAG 颜色对比度
输入前景色
「Foreground」是你的文字或图标颜色,使用 hex(#RGB 或 #RRGGBB)。前缀 `#` 可省略,大小写不敏感。
输入背景色
「Background」是前景下方的颜色——页面背景、按钮填充等。同样支持 hex;两个字段并排显示,作为一对。
点击运行
结果包含 contrastRatio(例如 4.56)以及 wcagNormalText 与 wcagLargeText 的合规带(pass/fail)。普通文本需 ≥ 4.5(AA)/ 7(AAA);大文本 ≥ 3(AA)/ 4.5(AAA)。
如何看等级
AA 是最常见的法规/标准要求;AAA 更严,且对正文文字常常不现实。「大文本」指 18pt+ 常规或 14pt+ 粗体;小于此,请按普通文本对比度看结果。