色彩で区別するだけでは全ての方にわかりやすい情報とは言えません。グラフ、ボタンを例に挙げて解説しています。

視覚に障害がある場合、色だけで情報を区別していては、その理解を妨げることもあります。

左側のグラフが悪い方の例になります。色だけで情報を区別しておりますので、その色自体の区別が付かなければ、A社が実際にどこの領域に対応しているのかがわからないということになります。

対して、右側は引き出し線を付けることによって、領域と文字が１対１で対応しますので、どのような方にもわかりやすいということになります。

これはグラフの表示に留まらず、ボタンなど操作が必要な部位には特に重要になってきますので、特に気を付けるようにしましょう。

模様の併用

また色だけに頼らず、模様を併用する場合にも注意が必要です。色彩と模様のみで区別しようとすると、左側の例の黄色のように明度の高い色は模様が見分けにくくなります。

また水色の部分のように、特に面積の小さなところでも模様がわからないことがありますので、どのような状況であれ、文字の情報を領域と一致して表示するような工夫が必要です。

関連記事：

• 情報を見せる背景色
• 効果的に伝えるWeb配色標準デザインガイド
• 線の太さと色のコントラストから強調を考える
• JIS X8341-3:2009における文字コントラストの達成基準
• 固定レイアウトの背景色

タグ: JIS X8341-3, アクセシビリティ, グラフ, 情報の伝達

この記事をTwitterでつぶやく

この投稿は 2010年1月27日 水曜日 7:03 PM に JIS規格への対応 カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。