使い方:文字色と背景色を入れると、コントラスト比とアクセシビリティ判定が出ます。
仕組み・詳しく
WCAG基準の見やすさチェック。通常テキストは AA=4.5:1 / AAA=7:1、大きい文字(およそ24px以上、太字は18.7px以上)は AA=3:1 / AAA=4.5:1 が目安。数値が大きいほど見やすい配色です。ドコモ/OCNのようにアクセシビリティ配慮が必要なサイトで役立ちます。
2色を指定
通常テキスト(16px)
大きいテキスト(24px)
判定
—
コントラスト比
| 基準 | 必要比 | 判定 |
|---|---|---|
| AA・通常 | 4.5 | — |
| AA・大 | 3.0 | — |
| AAA・通常 | 7.0 | — |
| AAA・大 | 4.5 | — |