色のコントラスト

コントラスト比は2色（通常テキストとその背景）の輝度の差を測定し、1:1（同一で読めない）から21:1（純黒と純白）までの数値で表されます。比率が高いほどテキストが読みやすく、低視力の方、高齢の方、または明るい日光の下でのスマートフォン画面を使用する方に重要です。これはアクセシビリティガイドラインや監査がテキストが読みやすいかどうかを判断するために使用する同じ測定値です。

ウェブサイトのテキストと背景のカラーパレットを選ぶデザイナー、ローンチ前にアクセシビリティ監査を行う開発者、できるだけ多くの訪問者が読める状態に保つ必要があるボタンやバナーの色を選ぶマーケター。

AAはウェブコンテンツアクセシビリティガイドラインから広く使われるアクセシビリティ目標です。通常のテキストは少なくとも4.5:1のコントラスト比、大きなテキストは少なくとも3:1が必要です。

AAAはより厳格なレベルで、通常のテキストに少なくとも7:1、大きなテキストに4.5:1が必要です。ほとんどのプロジェクトはAAを目標とし、AAAはアクセシビリティが特に重要なコンテンツのために使われます。

テキストと背景のフィールドの両方で、先頭のハッシュ記号あり・なしの3桁または6桁の16進カラーが使えます。

いいえ。16進カラーはすべてブラウザ内で確認されます。

いいえ。コントラスト比は重要な要因の1つですが、読みやすいフォントサイズ、十分なスペーシング、意味を伝えるために色だけに依存しないことも重要です。