この道具の仕組み
sRGB各成分を線形化して相対輝度Lを求め、(明るい方のL + 0.05) ÷ (暗い方のL + 0.05)で1:1〜21:1の比を算出します。
入力と結果の例
黒と白
- 入力
- 文字 #000000、背景 #FFFFFF
- 結果
- 21:1、AA/AAA適合
グレーと白
- 入力
- 文字 #767676、背景 #FFFFFF
- 結果
- 約4.54:1、通常文字AA適合
淡色同士
- 入力
- 文字 #A8C7FA、背景 #FFFFFF
- 結果
- 約1.7:1、通常文字AA不適合
使う前に知っておくこと
- 01AA/AAA判定は文字サイズ・太さ・用途によって基準が変わります。
- 02透明度、グラデーション、背景画像の上にある文字は単純な2色として正確に判定できません。
- 03色覚特性、フォーカス表示、非文字要素などアクセシビリティ全体は評価しません。
- 04規格適合はページ全体の監査を必要とし、この結果だけでは保証できません。