WCAG コントラスト比とは？

WCAG コントラスト比は、前景色と背景色の輝度差を測定します。1:1 から 21:1 の範囲です。

WCAG AA と AAA の要件は？

WCAG AA は通常テキスト 4.5:1 以上、大テキスト 3:1 以上が必要です。AAA は 7:1 と 4.5:1 です。

大テキストは 18pt（24px）以上、または 14pt（18.66px）太字以上と定義されます。

適切なコントラストは視覚障害者にとってテキストを読みやすくし、すべての人の可読性を向上させます。

相対輝度値を使用して計算します。式は (L1 + 0.05) / (L2 + 0.05) です。

WCAG は UI コンポーネントとグラフィカルオブジェクトに 3:1 以上を要求します。

すべての組み合わせがアクセシビリティ基準を満たすわけではありません。このチェッカーで検証してください。

色の知覚輝度で、0（黒）から 1（白）の範囲です。sRGB 色空間を使用して計算されます。

画像内のテキストは通常のテキストと同じ要件を満たす必要があります。装飾画像には適用されません。

ブラウザの開発者ツール、デザインソフトのプラグイン、またはこのようなオンラインチェッカーを使用してください。

WCAG 2.1 準拠のカラーコントラスト比をチェック。テキストと UI 要素の AA および AAA 基準を即座に検証。

