色を用いた表現に関する注意点

参考:グレースケール表示への切り替え方

なにかを表現する際に色を用いることがしばしばあります。

色を用いた表現としてよく見られるものとして、以下のような例が挙げられます:

  • フォーム中で入力が必須の項目のラベルを赤色で表示する

  • エラー・メッセージを赤色で表示する

  • リンクなど、クリッカブルであることを色を変えて示す

  • 強調するためにテキストの色を変える

  • 円グラフの画像で、回答の分目状況を色で示す

色を用いた表現そのものには問題はありませんが、その意味するところが色の違い以外の手段で表現されていないと、色弱者や視覚障害者にその意図が伝わりません。

テキスト情報であれば、その意図が伝わるような文言を工夫して色を用いた表現と併用すれば良いでしょう。

上記のリンクの場合は、色に加えて下線など、別の視覚的要素も併せて用いれば問題ありません。

画像の場合、テキストによる説明を併記する方法がまず考えられます。また、上記の円グラフの例であれば、背景の模様を変えるといった方法が考えられるでしょう。

このように、色の違いに加えて、別の手段で意図を表現することが重要です。