Contrast Checker – WCAG 2.2 AA & AAA

ページ内の読みにくい文字を見つけます。Contrast Checker は表示中のすべての文字色を背景色と比べて測定し、WCAG 2.2 のレベル AA または AAA を満たさないものをマークします。無料版: スキャン、マーカー、2 色チェックが無制限、アカウント不要。Pro: $6.99 の買い切り、サブスクリプションなし。

主な機能
拡張機能は各要素の描画された色を透明度や不透明度も含めて読み取り、選んだレベルとコントラスト比を比較します。結果は左右どちらにも移動できる小さなパネルに表示されます。写真やグラデーション上のラベルは要確認として一覧表示され、スポイトで画面から実際の背景色を取得できます。

使い方
1. ツールバーのアイコンをクリックして「このページをスキャン」を押すか、Alt+Shift+K を使います。
2. 不合格の要素にはコントラスト比付きの赤い枠が付きます。結果をクリックするとその場所に移動し、両方の色、フォントサイズ、セレクタを確認できます。
3. コードで修正して、もう一度スキャンします。

無料
• どのページでも AA と AAA でスキャンでき、大きなテキストのルールも自動で適用されます。
• 問題はその場所に枠で表示され、悪い順に並んだ一覧も確認できます。
• hex 値、カラーピッカー、スポイトで 2 色を比較できます。
• 変更可能なキーボードショートカットで開始と停止ができます。

PRO ($6.99、買い切り)
• 結果を CSV ファイルまたは単体の HTML レポートとしてエクスポート。
• 基準を満たす最も近い前景色または背景色を提案。
• 各コントラスト比の横に APCA の明度スコア (Lc) を表示。
• ページのスタイルから、リンクとボタンのホバー時とフォーカス時の色をチェック。

注意事項
これは達成基準 1.4.3 および 1.4.6 のためのテスト補助ツールです。ガイドラインの一部のみを対象としており、適合性評価ではありません。

プライバシー
処理はすべてブラウザ内で行われます。拡張機能が読み取るのはスキャンしたタブだけで、開始した後に限られます。保存されるデータは Pro 購入時に入力したメールアドレスのみで、購入の確認に使用されます。