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

WCAGコントラスト比とは何ですか？

WCAGのコントラスト比は、前景色と背景色の輝度の比率で、1:1（同色）から21:1（黒と白）までの範囲です。AA基準では通常テキストに4.5:1以上、大きなテキストに3:1以上が必要です。AAA基準ではさらに厳しく、7:1以上と4.5:1以上が求められます。

なぜコントラストが重要ですか？

適切なコントラストは視覚障害者、色覚異常者、高齢者を含むすべてのユーザーの可読性を確保します。低コントラストのテキストは、直射日光下のモバイルデバイスでも読みにくくなります。法的にも、多くの国でウェブアクセシビリティ基準の遵守が求められています。

合格基準を満たさない場合はどうすればよいですか？

テキスト色を暗く、背景色を明るくする（またはその逆）、フォントサイズを大きくする（18px以上、太字なら14px以上は大きなテキストの基準が適用される）、色のグラデーションの使用を避ける、などの対策があります。