WCAG 2.1 コントラスト比チェッカー
Webアクセシビリティ AA / AAA 適合判定ツール
WCAG 2.1 色コントラスト比チェッカー (AA・AAA アクセシビリティ診断)
背景色と文字色のコントラスト比をミリ秒算出。Webアクセシビリティ国際規格WCAG 2.1のAAおよびAAA適合判定を瞬時に表示。
文字色 (前景色):
背景色:
コントラスト比:
16.1 : 1
WCAG AAA COMPLIANT
The quick brown fox jumps over the lazy dog.
This is a live preview demonstrating text legibility and contrast compliance against the selected background color.
WCAG 2.1 Accessibility Audit Breakdown
標準テキスト (<18pt)
AA: 適合 (PASS) (min 4.5:1)
AAA: 適合 (PASS) (min 7:1)
大きなテキスト (>=18pt)
AA: 適合 (PASS) (min 3:1)
AAA: 適合 (PASS) (min 4.5:1)
UIアイコン・ボタン
AA: 適合 (PASS) (min 3:1)
Graphics & Borders
WCAG 2.1 色コントラスト比チェッカー (AA・AAA アクセシビリティ診断)
Online color contrast ratio tester for wcag コントラスト比 チェッカー. Evaluate WCAG 2.1 AA and AAA standards to ensure digital products are accessible to people with vision impairments.
操作ステップと使い方
- Select or type the text foreground color and background color in HEX.
- Check the calculated contrast ratio (e.g. 4.5:1 for standard web text).
- Verify pass/fail badges across normal text, headlines, and UI elements.
Target Search Queries
- +wcag コントラスト比 チェッカー
- +色コントラスト比 計算
- +アクセシビリティ 色 診断
- +wcag aa aaa 判定
- +文字色 背景色 コントラスト
- +色覚多様性 シミュレーション
- +アクセシブル 配色 ツール
- +コントラスト比 計算機
よくある質問と CSS 実装ガイド
What is the minimum WCAG AA ratio for normal text?
WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal text (under 18pt) and at least 3:1 for large text (18pt or 14pt bold).
100% 完全ローカル・プライバシー保護
設定パラメータや生成コードはブラウザ内でのみ処理されます。
60FPS リアルタイム描画
ネットワーク遅延ゼロ。スライダー操作に合わせて即座に反映。