G145: テキスト (及び文字画像) とその背景の間に、少なくとも 3:1 のコントラスト比を確保する

この達成方法の目的は、利用者が背景の上にあるテキストを読めるようにすることである。この達成方法は、18pt (太字ではない: 日本語の場合は 22pt) 以上と 14pt (太字: 日本語の場合は 18pt) 以上のテキストに対しては、少なくとも 3:1 以上のコントラスト比を要求している。

もし背景が無地の色 (または真っ黒、真っ白) の場合、各テキストの文字と背景との間に 3:1 のコントラスト比を持たせることで、大きなサイズのテキストのコントラスト比を維持することができる。

背景または文字が相対輝度において変化する (またはパターン化されている) 場合、たとえ背景全体とのコントラスト比を 3:1 で保持していなくとも、文字の周囲の背景又は陰影によって、文字と背景のコントラスト比を維持することができる。

コントラスト比は、背景の相対輝度がページをまたがって変化する時に、文字の相対輝度も変化させることによって維持されることもある。

もし、背景画像または背景色が標準的に相対輝度で十分に違いがない場合は、他の方法として必要なコントラスト比を提供したテキストの周りに後光を提供する方法もある。

この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。

• Contrast Analyser – Application

• Contrast Ratio Analyser - online service

• Colour Contrast Analyser - Firefox Extension

• Color Contrast Samples

• Atypical colour response

• Colors On the Web Color Contrast Analyzer

• Tool to convert images based on color loss so that contrast is restored as luminance contrast when there was only color contrast (that was lost due to color deficiency)

• List of color contrast tools

(今のところ、なし。)

手順

1. 以下の公式を用いて、各文字 (すべて同一ではない限り) の相対輝度を測る:

   • 色の相対輝度 L = 0.2126 * R + 0.7152 * G + 0.0722 * B と定義されている。この場合の R, G 及び B は:

     • R_sRGB <= 0.03928 の場合: R = R_sRGB/12.92、それ以外の場合: R = ((R_sRGB+0.055)/1.055) ^ 2.4

     • G_sRGB <= 0.03928 の場合: G = G_sRGB/12.92、それ以外の場合: G = ((G_sRGB+0.055)/1.055) ^ 2.4

     • B_sRGB <= 0.03928 の場合: B = B_sRGB/12.92、それ以外の場合: B = ((B_sRGB+0.055)/1.055) ^ 2.4

     注記: また、R_sRGB, G_sRGB, 及び B_sRGB は以下のように定義される:

     • R_sRGB = R_8bit/255

     • G_sRGB = G_8bit/255

     • B_sRGB = B_8bit/255

     注記: "^"記号は指数演算子である。

   注記: エイリアス文字では文字の端から 2 ピクセルの部分の相対輝度の値を使用する。

2. 同じ公式を用いて、文字のすぐ隣の背景のピクセルの相対輝度を測る。

3. 次の公式を用いて、コントラスト比を算出する。

   • (L1 + 0.05) / (L2 + 0.05) ここで、

     • L1 は前景又は背景色の明るい方の相対輝度である。及び、

     • L2 は前景又は背景色の暗い方の相対輝度である。

4. コントラスト比が 3:1 以上である。

期待される結果

• 4.の結果が真である。

この達成方法が「十分な達成方法」の一つである場合、この手順や期待される結果を満たしていなければ、それはこの達成方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の達成方法によってその達成基準が満たされていることもありうる。