WCAG 基準でコントラストを確認
文字色と背景色を入力すると、正確なコントラスト比と、通常文字・大きい文字それぞれで WCAG 2.1 のアクセシビリティ基準を満たすかを確認できます。
基準値
- AA — 通常文字: 4.5:1
- AA — 大きい文字: 3:1
- AAA — 通常文字: 7:1
- AAA — 大きい文字: 4.5:1
大きい文字とは 24px 以上、または太字で 18.66px 以上を指します。
使い方
- 文字色(前景)と背景色を設定します。
- コントラスト比と合否バッジを確認します。
- ライブプレビューで両方の文字サイズの読みやすさを判断します。


