其の28　背景と文字色のコントラストに配慮する

せっかくデザインがよくても、配置してある情報が見づらいと、サイトのよさが半減してしまう。

Webサイト制作ビギナーがよくやってしまうことのひとつが、クールなサイトを作ろうと背景色に灰色などを指定してしまう例だ。灰色に白い文字をのせても、黒い文字をもってきても、やはり見づらい【1】。

基本的にモニタ上と紙の誌面上で文字を読むのとでは可読性が異なる。もちろんモニタ上のほうが可読性が低く、目を疲れさせやすい。それだけでなく、弱視者や高齢者も閲覧することを考える必要がある。

こうしたことから、背景と文字のコントラストには充分に配慮し、なるべく背景に画像は使用しないようする。また、赤と緑、白と黄、青と黒、青紫と黒の組み合わせは極力に避けたほうがいい。

そして、やはり一番可読性が高い組み合わせは白い背景に黒い文字だ。基本的にはその組み合わせを使用することを推奨する【2】。また、最終的に白黒プリンタで出力するなどして、文字や画像が認識できるかを確認することが望ましい。