颜色对比度检查(WCAG)

检查前景/背景色对是否符合 WCAG AA 和 AAA 无障碍标准。

Normal text — The quick brown fox jumps over the lazy dog.
Large text — Quick brown fox
Contrast ratio
WCAG AA — normal text (≥ 4.5:1)
WCAG AA — large text (≥ 3:1)
WCAG AAA — normal text (≥ 7:1)
WCAG AAA — large text (≥ 4.5:1)

功能特性

Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text

使用方法

1. 选择前景色(文字颜色)。

2. 选择背景色。

3. 对比度比值以及 WCAG AA/AAA 通过情况会实时显示。

常见问题

What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

相关工具