Level AWCAG 2.2

1.4.1 色の使用

色だけを情報伝達・動作指示・応答の区別・視覚的要素の識別の唯一の手段として使用しない。


なぜ重要か

色覚多様性
日本人男性の約5%、女性の約0.2%が色覚異常。赤と緑の区別が困難な方が最も多いです。
モノクロ表示
白黒印刷やモノクロディスプレイでは、色による区別が完全に失われます。
環境要因
強い日光下やプロジェクター投影では、色の識別が非常に困難になります。
支援技術
スクリーンリーダーは色を読み上げません。色以外の手がかりが必要です。

ライブデモ

色だけに依存しない情報伝達

フォームエラーの表示

赤枠のみ — 色覚異常では識別困難

グラフの凡例

製品A
製品B
製品C
製品D
色のみで区別

ペルソナで理解する

中村さん(35歳)— 赤緑色覚異常

フォームでエラーが赤枠だけで表示されると、どこが間違いか全くわかりません。テキストメッセージやアイコンがあれば問題なく修正できます。「色だけに頼ったサイトは、まるで外国語のサイトのようです」

チェックポイント

参考リンク