测试颜色组合的 WCAG 2.1 AA/AAA 无障碍合规性。即时计算对比度比率。适合设计师和开发者确保文本可读性。纯客户端处理。
普通文本样例(16px)
大文本样例(18pt 粗体)
Web 内容无障碍指南(WCAG)定义了对比度比率要求,以确保文本对视障人士可读。此工具计算两种颜色之间的对比度比率,并评估是否符合 WCAG 2.1 AA 和 AAA 标准。所有计算都在浏览器中运行 — 数据不会发送到任何服务器。
WCAG 对比度比率衡量前景(文本)和背景颜色之间的亮度差异。计算公式为 (L1 + 0.05) / (L2 + 0.05),其中 L1 是较浅颜色的相对亮度,L2 是较深颜色的相对亮度。AA 合规要求普通文本的对比度至少为 4.5:1。
WCAG AA 级要求普通文本的对比度至少为 4.5:1,大文本至少为 3:1。AAA 级更严格,要求普通文本至少 7:1,大文本至少 4.5:1。大多数组织以 AA 合规为目标,而 AAA 推荐用于增强无障碍性。
大文本定义为 18 点(24 像素)或更大,或 14 点(18.67 像素)或更大且为粗体。大文本的对比度要求较低,因为较大的文本自然更易读。
在许多司法管辖区,颜色对比度合规是法律要求(美国 ADA、欧洲 EAA)。它还能提高所有用户的可读性,特别是视力低下、色盲或在强光下查看屏幕的用户。良好的对比度使每个人都受益。