在线检测颜色对比度是否符合 WCAG 2.1 无障碍标准 - AA/AAA 级别实时判定
WCAG 2.1 定义了两个级别的对比度要求:AA级要求正常文本对比度≥4.5:1,大号文本(≥18pt或14pt粗体)≥3:1;AAA级要求正常文本≥7:1,大号文本≥4.5:1。对比度比值基于相对亮度计算,1:1为无对比,21:1为最大对比(黑对白)。
人眼对不同颜色的感知亮度不同,WCAG使用基于sRGB色彩空间的相对亮度公式计算,而非简单的视觉判断。例如纯红(#FF0000)在白底上的视觉对比度看似很高,但实际比值仅4.03:1不满足AA正常文本标准,因为红色的亮度值较低。
AA级是WCAG的基本合规要求,大多数法律和法规(如ADA、Section 508、欧洲EN 301 549)都以AA级为最低标准。AAA级是增强级别,提供更高的可访问性,适合面向视力障碍用户的场景。一般建议至少满足AA级,条件允许时追求AAA级。
AA级要求正常文本对比度≥4.5:1,大号文本≥3:1;AAA级要求正常文本≥7:1,大号文本≥4.5:1。
WCAG使用sRGB相对亮度公式计算,而非视觉判断。不同颜色的人眼感知亮度不同。
AA级是基本合规要求,大多数法规以此为标准。AAA级是增强级别,适合面向视力障碍用户的场景。