色だけで困った！〈テキストリンク・強調〉

2024年10月10日 22:23

色は情報を直感的に素早く伝える力をもっています。しかし、色だけで情報を伝えると、色の見え方が異なる状況で伝わらなくなってしまいます。

ここが困った！：テキストリンクや強調を色だけで表現している

文中のテキストリンクや強調やを色だけで表していると、色の見え方が異なる状況では伝わらないことがあります。P型色覚の人には赤が暗く見えるため、黒字の文章の一部を赤で強調していることがわかりにくいです。

彩度の低い色（この場合、濃い緑色）は、P型・D型色覚の人だけでなく、文字サイズが小さいときや暗い場所で見ているとき、色域の小さなディスプレイで見ているときなどにも色を認識しにくいです。

マウスオーバーしたときにテキストに下線が表示されればリンクに気づけるかもしれません。しかし、そもそもリンクだと思わなければマウスをそこへ運ばないでしょう。

色だけでなく複数の手がかりと組み合わせると、情報が確実に伝わるようになります。強調する部分は太字に、テキストリンクには下線を加えました。

色だけで伝えている情報がないかをチェックするには、色覚シミュレーターを使ったり、グレースケールでも情報が伝わるかを確認したりすると良いでしょう。