WCAGコントラストチェッカー

WCAGコントラストチェッカー

ウェブアクセシビリティコンプライアンスのために色のコントラスト比を確認してください。テキストと背景色の組み合わせがWCAG AAおよびAAA基準を満たしていることを確認し、視覚障害のあるユーザーを含むすべてのユーザーがコンテンツを読みやすくしてください。

使い方

カラーピッカーを使用するか、HEX/RGB値を入力して、前景（テキスト）の色と背景色を入力します。ツールはコントラスト比を即座に計算し、組み合わせが通常および大きなテキストの両方でWCAG AAおよびAAA基準を満たしているかどうかを示します。スワップボタンを使用して色をすばやく反転します。

特徴

• ライブプレビュー — テキストがリアルタイムで背景にどのように表示されるかを確認する
• WCAG AA & AAA準拠 — 通常および大きなテキストの両方のレベルで合格/不合格のバッジ
• コントラスト比表示 — 正確な比率計算（例：4.5:1）
• 複数の入力形式 — HEX、RGBで色を入力するか、カラーピッカーを使用します
• 色の入れ替え — ワンクリックで前景と背景をすばやく反転
• 改善の提案 — 色がコンプライアンスに失敗した場合の推奨事項を取得する
• サンプルテキストサイズ — 通常（16px）および大（18px太字/24px）サイズでプレビュー