ページを読み込んでいます
前景色と背景色のコントラスト比をWCAG基準で判定。AA/AAA適合チェックと改善提案を表示します。
前景色(テキスト色)と背景色をHEXコードまたはカラーピッカーで入力します。
自動的にコントラスト比が計算され、WCAG AA/AAAの適合状況が表示されます。
不適合の場合、AA基準を満たすための改善色が提案されます。「適用する」で反映できます。
コントラスト比: 12.63:1,通常テキスト AA: 適合,大きいテキスト AA: 適合
通常サイズのテキストはこのように表示されます。フォントサイズ16px以下が対象です。
大きいテキスト(18pt以上/14pt太字以上)
| AA | AAA | |
|---|---|---|
| 通常テキスト最小 4.5:1 | 適合 | 適合 |
| 大きいテキスト最小 3:1 | 適合 | 適合 |
現在の色の組み合わせはAA基準を満たしています。
WCAG(Web Content Accessibility Guidelines)に基づいてテキストと背景のコントラスト比を計算し、アクセシビリティ基準への適合を判定するツールです。
AAは最低限必要な基準(通常テキスト4.5:1、大きいテキスト3:1)、AAAはより高い基準(通常テキスト7:1、大きいテキスト4.5:1)です。一般的にはAA準拠が推奨されます。
18pt(24px)以上の通常テキスト、または14pt(約18.66px)以上の太字テキストが「大きいテキスト」に該当し、より緩い基準が適用されます。
WCAG 2.0で定義された相対輝度の計算式を使用します。(L1 + 0.05) / (L2 + 0.05) で、L1は明るい色、L2は暗い色の相対輝度です。