視認性を左右する最大の物理的要因は「明度差(コントラスト比)」です。人間の目は色相(赤や青の違い)よりも明暗の差を強く認識するため、視認性を高める配色デザインでは明度をコントロールすることが鉄則となります。
視認性を高める背景色と文字色の組み合わせとして代表的なのが、「黒背景 × 黄色文字」や「白背景 × 濃紺文字」です。特に黄色と黒の組み合わせは最も高い視認性を誇り、注意喚起や警戒を促す場面で広く採用されています。
一方で、Webアクセシビリティの国際基準である「WCAG(Web Content Accessibility Guidelines)」では、テキストと背景のコントラスト比について明確な数値基準が定められています。
通常サイズのテキストでは最低4.5:1以上(レベルAA)、大きなテキスト(18pt以上または14pt以上の太字)では3:1以上のコントラスト比を確保することが推奨されています。デザイン性を優先するあまり、薄いグレーの背景に白文字を配置するような設計は、視認性を著しく損なうだけでなく、多くのユーザーを排除する原因となるため厳禁です。