文字色と背景色のコントラスト比を計算し、Webアクセシビリティの指針 WCAG 2.x の AA / AAA 基準を満たすか判定します。
#RGB・#RRGGBB・rgb(…) の形式で入力できます。
| 基準 | 必要な比 | 判定 |
|---|
見出しテキスト 24px 太字
本文テキスト 16px。読みやすさは色の組み合わせで大きく変わります。
注釈 13px — 小さな文字ほど高いコントラストが必要です。
ボタンの枠線大きな文字=18pt(約24px)以上、または14pt(約18.66px)以上の太字。UI部品の枠線やアイコンは「非テキストのコントラスト」(1.4.11) で 3:1 以上が求められます。判定は計算上の目安です。法令や発注先の基準がある場合は、そちらの公式情報を確認してください。