WCAG コントラスト比診断 (アクセシビリティ)
文字色と背景色の組み合わせがWCAG 2.1のAA/AAAアクセシビリティ基準を満たすか判定。
サンプルテキストのプレビュー (17.85:1)
色は匂へど散りぬるを。あらゆる画面や照明環境で高い視認性と読みやすさを確保してください。
合格
AA 通常テキスト (≥4.5)
合格
AA 大サイズテキスト (≥3.0)
合格
AAA 通常テキスト (≥7.0)
合格
AAA 大サイズテキスト (≥4.5)
概要
見やすいWebサイト作りに欠かせない、視認性と視覚アクセシビリティの診断ツール。
100% プライベート: 全ての処理は端末のブラウザ内で完結し、外部送信されません。
WCAG Color Contrast Checker: Accessibility Compliance
The Contrast Checker calculates luminance contrast ratios between foreground text and background colors against WCAG 2.1 Level AA and AAA criteria.
How to Check WCAG Contrast Compliance
高速＆直感的1
Set Foreground Hex
Input the text color value.
2
Set Background Hex
Input the container background color.
3
Review Score
Evaluate Pass/Fail badges for normal and large body typography.
主な機能とメリット
100% ブラウザ内安全処理
サーバーへのアップロードなし。重要なデータは端末内で安全に保護されます。
待ち時間ゼロの即時実行
ネットワーク待機なしでリアルタイムに計算結果を表示。
無制限＆完全無料
会員登録や利用制限は一切ありません。
あらゆるデバイスに対応
スマホ、タブレット、PCでシームレスに利用可能。
先進のブラウザ内処理アーキテクチャ
W3C標準に準拠したハードウェアアクセラレーションによる高速処理。
専門家のアドバイスとベストプラクティス
- Passing WCAG AAA (7:1 ratio) guarantees supreme legibility under outdoor sunlight glare.
よくある質問
1 よくある質問と回答What is the minimum passing WCAG AA contrast ratio?
At least 4.5:1 for standard body copy, and 3.0:1 for large display headers.
関連ツール
ローカル処理エンジン起動 →
ローカル処理エンジン起動 →