カラーコントラストチェッカー (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.