移行中の知識
色だけに依存しない情報伝達
Use of Color
定義
色だけに依存しない情報伝達とは、情報、action、responseの要求、要素の識別などを、色の違いだけで伝えないdesign principleです。WCAG 2.2 Success Criterion 1.4.1（Level A）は、colorを唯一のvisual meansとして使わないことを求めます。色を使ってはいけないという意味ではなく、text、shape、pattern、icon、positionなど別の手がかりも併用します。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
account registration
form error
見るポイント
invalid fieldをred borderだけで示さず、該当fieldの近くにerror textやiconを置く。色は強調として使いながら、色差を認識できなくても問題と修正方法が分かるようにする。
data visualization
chartの系列識別
見るポイント
lineやbarを色相だけで分けず、direct label、marker shape、line patternなどを必要に応じて併用する。凡例を見なくても系列を追えるか、monochromeでも意味が残るかを確認する。
注意
誤解しやすい点
- WCAG 1.4.1を「色を情報伝達に使ってはいけない」と解釈し、役立つcolor cueまで除く。
- red/greenを避ければ要件を満たすと考え、他の色相組み合わせでも色だけに意味を持たせる。
- iconを追加しただけで十分と考え、そのicon自体が識別・理解できるかを確認しない。
関連
関連する概念
出典