本文へ移動
  1. トップ
  2. 用語集
  3. コントラスト比(文字と背景の明るさの差)
用語集

コントラスト比(文字と背景の明るさの差)とは

要点よみ: こんとらすとひ

文字の色と背景の色の明るさの差を比で表したもので、文字の読みやすさを確かめる目安。

Web の読みやすさの国際的な指針(WCAG 2.1)では、ふつうの大きさの文字は 4.5 対 1 以上、大きな文字は 3 対 1 以上のコントラスト比を求めています。薄い灰色の文字や、紺の背景の上の薄い白の文字は、この差が足りなくなりがちです。

申込みの案内やボタンの文字が薄いと、読み終えた人が次に何をすればよいかが分かりません。当社のサービスの紹介サイトでも、ページの最後の帯の文字が薄く沈んで読めない不具合があり、読みやすい白に直しました。記録はコラムにあります。

色の組み合わせは、コントラスト比を計算する道具で確かめられます。目で見て読みにくいと感じたときも、まず疑います。