コントラストチェッカー
コントラスト比 21.00:1
APCA Lc -107.9
テキストのプレビュー
この文字と背景色の組み合わせを確認できます
WCAG 2.2による判定
大文字の太字のテキスト（18.66px bold）
大文字のテキスト（24px）
小文字の太字のテキスト（16px bold）
小文字のテキスト（18.66px）
| AA | AAA | テキスト |
|---|---|---|
OK | OK | 大文字の太字のテキスト（18.66px bold） |
OK | OK | 大文字のテキスト（24px） |
OK | OK | 小文字の太字のテキスト（16px bold） |
OK | OK | 小文字のテキスト（18.66px） |
APCAによる判定
Lc 90以上
本文テキスト（推奨）
長文の本文や14px程度の小さな文字
Lc 75以上
本文テキストの最低基準
18px程度の本文
Lc 60以上
本文以外のテキストの最低基準
24px程度の大きめのテキストや16pxの太字
Lc 45以上
大きなテキストの最低基準
36px以上の見出しや24px程度の太字
Lc 30以上
あらゆるテキストの下限
プレースホルダーや無効状態の文字を含む
Lc 15以上
非テキスト要素の下限
アイコンや境界線など意味を持つ要素
| 判定 | 基準 | 用途 |
|---|---|---|
OK | Lc 90以上 | 本文テキスト（推奨） 長文の本文や14px程度の小さな文字 |
OK | Lc 75以上 | 本文テキストの最低基準 18px程度の本文 |
OK | Lc 60以上 | 本文以外のテキストの最低基準 24px程度の大きめのテキストや16pxの太字 |
OK | Lc 45以上 | 大きなテキストの最低基準 36px以上の見出しや24px程度の太字 |
OK | Lc 30以上 | あらゆるテキストの下限 プレースホルダーや無効状態の文字を含む |
OK | Lc 15以上 | 非テキスト要素の下限 アイコンや境界線など意味を持つ要素 |
WCAG 2.2によるコントラスト比の基準
AA基準
文字のコントラスト比が最低でも4.5:1、大文字の場合は3:1
AAA基準
文字のコントラスト比が最低でも7:1、大文字の場合は4.5:1
大文字とは18pt（24px）以上、太字の場合は14pt（18.66px）以上を指します。
APCAによるコントラストの基準
APCA（Accessible Perceptual Contrast Algorithm）は、WCAG 3で検討されている人間の知覚に基づくコントラスト指標です。 コントラストの強さをLc値（0〜±108程度）で表し、正の値は明るい背景に暗い文字、負の値は暗い背景に明るい文字を意味します。 判定にはLc値の絶対値を使い、本文テキストはLc 75以上、見出しなど大きなテキストはLc 45以上が目安です。
APCAは策定中の指標のため、基準値は今後変わる可能性があります。