计算前景背景颜色对比度,输出 WCAG 合规结果
检测前景和背景的颜色对比度,判断是否符合无障碍阅读标准。解决网页、UI 设计因颜色对比度不够,弱视力用户无法正常阅读的问题。
检测依据为 WCAG 2.1 无障碍标准,该标准被全球网页和设计领域广泛采用,是 accessibility 设计必须检测的核心指标之一。
标准数值:普通文本 AA 要求 4.5:1,AAA 要求 7:1;大文本 AA 要求 3:1,AAA 要求 4.5:1。
支持 HEX、RGB、HSL 三种常见格式,你可以直接粘贴数值使用,也可以手动拾色调整。
WCAG 标准定义:大于等于 18 点( 24px )或加粗大于等于 14 点( 18.66px )的文本为大文本。
会影响。工具会根据前景色透明度和背景色混合,计算出实际显示颜色后,再计算对比度,结果准确。