无需登录 数据私有 本地保存

文字颜色对比度检测器 - WCAG无障碍合规测试

82
0
0
0

WCAG(Web Content Accessibility Guidelines)

WCAG即Web内容可访问性指南,是由W3C(万维网联盟)的WAI(Web可访问性倡议)工作组制定的国际标准,旨在使Web内容对残障人士更具可访问性。当前最新版本为WCAG 2.1,发布于2018年6月。WCAG定义了四个合规等级:A、AA、AAA以及(已弃用的)AAA级增强。大多数法律和政策要求网站至少达到AA级。WCAG中的1.4.3条款(对比度最低要求)规定普通文字的对比度不低于4.5:1,大文字不低于3:1;1.4.6条款(对比度增强要求)将阈值分别提升至7:1和4.5:1。

对比度比率(Contrast Ratio)

对比度比率是衡量两种颜色之间亮度差异的量化指标,计算公式基于两种颜色的相对亮度。对比度比率的范围为1:1到21:1。1:1表示两种颜色完全相同(无对比),21:1表示纯黑与纯白之间的最大对比。对比度比率越高,文字越容易辨认,可访问性越好。WCAG标准使用对比度比率作为判定文字可读性的核心指标。

相对亮度(Relative Luminance)

相对亮度是WCAG中定义的一个物理量,表示颜色在标准观察条件下的感知亮度。计算方法是将sRGB颜色值通过gamma解码转换为线性RGB,再使用公式 L = 0.2126 × R + 0.7152 × G + 0.0722 × B 计算。其中R、G、B为线性化后的红、绿、蓝通道值,范围0到1。绿色通道的系数最大(0.7152),因为人眼对绿色最为敏感。相对亮度值范围为0(纯黑)到1(纯白)。

sRGB(Standard RGB)

sRGB是目前互联网上最广泛使用的标准RGB色彩空间,由微软和惠普于1996年联合制定。大多数Web浏览器和操作系统默认使用sRGB作为颜色渲染的色彩空间。WCAG的对比度计算公式基于sRGB色彩空间定义。在sRGB中,每个颜色通道(红、绿、蓝)的值范围为0到255(或0%到100%),在计算相对亮度之前需要先进行gamma解码(大约是2.2的幂次校正)转换为线性值。

AA级与AAA级

AA级是WCAG定义的中等合规等级,也是大多数法律法规和组织政策要求的最低合规标准。在对比度方面,AA级要求普通文字的对比度不低于4.5:1,大文字不低于3:1。AAA级是WCAG定义的最高合规等级,代表最高级别的可访问性承诺。AAA级要求普通文字对比度不低于7:1,大文字不低于4.5:1。需要注意的是,WCAG本身不要求整个网站都达到AAA级,AAA级更多作为设计目标和最佳实践指引。

普通文字与大文字

WCAG对不同大小的文字设置了不同的对比度阈值。普通文字指字号小于18pt(约24px)或小于14pt粗体(约18.66px粗体)的文字。大文字指字号不小于18pt(约24px)或不小于14pt粗体(约18.66px粗体)的文字。大文字的对比度要求较低,因为大字号文字在视觉上更容易辨认,即使对比度略低也能保持可读性。在本工具的检测矩阵中,这四种组合(AA普通、AA大文字、AAA普通、AAA大文字)会分别显示检测结果。

无障碍(Accessibility)

无障碍或可访问性是指确保残障人士能够平等获取信息和使用技术的概念和实践。在Web领域,可访问性涵盖视觉、听觉、运动和认知等多个维度的障碍。视觉无障碍特别关注低视力用户、色盲用户以及老年用户的网页浏览体验。对比度是视觉无障碍中最基础也最重要的指标之一,直接决定了文字内容是否能被目标用户群有效阅读。