文字と背景に、より大きな明暗の差をつける。

05条件と補足

通常の文字と大きな文字

この基準はレベルAAAで、通常の文字は7:1以上、大きな文字は4.5:1以上です。1.4.3「コントラスト (最低限)」の4.5:1・3:1と取り違えないようにします。

大きな文字の定義は、ラテン文字の書体では18ポイント以上、又は14ポイント以上の太字を基準にします。日本語・中国語・韓国語の書体では、それと同等の大きさを確認します。提供時にブラウザーが表示する書体・サイズで判断し、利用者が拡大した後の大きさを根拠にはしません。

この教材では、大きな文字に当てはまるか判断が難しい場合も7:1以上を確保する方法を勧めます。これは配色を決めるときの推奨であり、大きな文字の要件を変えるものではありません。

コントラスト要件のない文字

次の文字・文字画像には、この基準のコントラスト要件がありません。

• 無効になっている部品の一部である文字。
• 情報や機能を持たない、純粋な飾り。
• 誰にも視覚的に見えないもの。
• ほかにも重要な視覚情報がある写真の一部分として写り込んだ文字。
• ロゴやブランド名の一部である文字。

写真の上に案内文を重ねる場合、その案内文は、写真に偶然写り込んだ文字とは異なります。ブランドの色を使っているという理由だけで、通常の本文やボタンの文字を例外にはできません。

測定と数値の扱い

ブラウザーで使われる文字色と背景色から、WCAGの相対輝度とコントラスト比の計算方法で測ります。文字の輪郭に付くぼかしの色ではなく、指定された色を確認します。細い書体などは数値だけでは読みにくいこともあるため、書体や太さも併せて確認します。

基準値との比較では計算結果を丸めません。例えば6.999:1を7:1に丸めて、この基準を満たしたことにはできません。図の約5.33:1・約7.46:1は表示用の丸め値です。

図形やボタンの輪郭などのコントラストは、1.4.11「非テキストのコントラスト」でも確認します。この基準の7:1を、文字以外へ一律に適用する意味ではありません。