背景に対するテキストのコントラスト

コントラストは、テキストと背景の明度の差です。白い背景に薄いグレーの文字はコントラストが低く、読みにくくなります。 WCAG AA では、本文テキストの比率を少なくとも 4.5:1 にする必要があります。

コントラストが低いと、視力の弱いユーザーが排除され、特に太陽光の下でモバイルを使用する場合、すべての人の可読性が低下します。これは一般的なアクセシビリティの欠陥であり、Google は監査で報告しています。

1. 1コントラスト比を確認します (ブラウザ ツールまたはオンライン コントラスト チェッカー)。
2. 2本文の場合は 4.5:1 以上、大きなテキストの場合は 3:1 以上を目指してください。
3. 3白い背景に明るい灰色のテキスト (#ccc、#ddd) を使用しないでください。
4. 4不透明度が低すぎるテキストを暗くしないでください。