Mais conteúdo relacionado
Semelhante a Accsell008 (6)
Accsell008
- 44. ChatWork株式会社
相対輝度とL1,L2比率
• テキスト(及び画像化された文字)とその背景の間に、少なくとも4.5:1以上のコントラスト比をもたせる
• 以下の公式を用いて、各文字(すべて同一ではない限り)の相対輝度を測る:
• 色の相対輝度 L = 0.2126 * R + 0.7152 * G + 0.0722 * B と定義されている。この場合のR, G 及
び B は:
• RsRGB <= 0.03928 の場合:R = RsRGB/12.92、それ以外の場合: R = ((RsRGB+0.055)/1.055) ^ 2.4
• GsRGB <= 0.03928 の場合:G = GsRGB/12.92、それ以外の場合:G = ((GsRGB+0.055)/1.055) ^ 2.4
• BsRGB <= 0.03928 の場合:B = BsRGB/12.92、それ以外の場合:B = ((BsRGB+0.055)/1.055) ^ 2.4
また、RsRGB, GsRGB, 及び BsRGBは以下のように定義される:
• RsRGB = R8bit/255
• GsRGB = G8bit/255
• BsRGB = B8bit/255
"^"記号は指数演算子である。
• 注意:エイリアス文字では文字の端から2ピクセルの部分の相対輝度の値を使用する。
44
G18: テキスト(及び画像化された文字)とその背景の間に、少なくとも4.5:1以上のコントラスト比
をもたせる|WCAG 2.0 実装方法集
- 46. ChatWork株式会社
L1(明るい方)
• RGB = 255, 255, 255
• RsRGB = 1.00 = 255/255
• GsRGB = 1.00 = 255/255
• BsRGB = 1.00 = 255/255
• (0.2126 * 1.00) + (0.7152 * 1.00) + (0.0722 *
1.00) = 1
46
((RGBsRGB+0.055)/1.055)^2.4
}
Color Contrast Analyzer
- 47. ChatWork株式会社
L2(暗い方)
• RGB = 0, 71, 157
• RsRGB = 0.00 = 0/255
• GsRGB = 0.28 = 71/255
• BsRGB = 0.62 = 157/255
• (0.2126 * 0.00) + (0.7152 * 0.063723) + (0.0722
* 0.342391) = 0.070295
47
Color Contrast Analyzer
((RGBsRGB+0.055)/1.055)^2.4
}
- 50. ChatWork株式会社
• Colour Contrast Analyser
http://www.paciellogroup.com/
resources/contrastanalyser/
• ColorTester
http://alfasado.net/apps/colortester-
ja.html
50
ツールで提供されています