カラーコントラストチェッカー

カラー コントラスト チェッカーは、前景 (テキスト) の色と背景色の間のコントラスト比を測定し、そのペアが Web コンテンツ アクセシビリティ ガイドラインを満たしているかどうかを示します。 1:1 から 21:1 の間の単一の数値を報告し、通常と大きなテキスト サイズの両方で AA と AAA の WCAG 2.2 しきい値に照らし合って、それを評価します。さらに、ユーザー インターフェイス コンポーネントとグラフィックスの別の 3:1 のしきい値を設定します。

コントラストとは、2 つの色の相対輝度の違いであり、見た目が異なるだけではありません。 視力が弱い読者や、色覚障害のある読者、または明るい日光の下で電話を使用している人にとっては、2 色がはっきりと感じられることがあります。 この比率は、WCAG によって定義された正確な sRGB 相対輝度式で計算されるため、結果は、大まかな視覚的推測ではなく、監査ツールとスクリーン リーダー ユーザーが経験するものと一致します。

すべてがブラウザで実行されます。 色を 16 進、RGB、HSL、または CSS キーワードとして入力または貼り付け、ライブ テキスト プレビューの更新を監視します。ペアが失敗した場合は、合格した提案された色を適用できます。 何もアップロードされず、サインアップもなく、ページがロードされると、ツールはオフラインで動作します。