Tool overview
WCAG コントラストとは？
WCAG コントラストは、アクセシビリティ準拠のための色コントラスト比を確認ための開発者向けツールです。
なぜWCAG コントラストを使うのか？
アクセシビリティ準拠のための色コントラスト比を確認際の可読性と作業速度を向上させ、データをサーバーに送信しません。
主な機能
クライアントサイドのプライバシー、即座の結果、ワンクリックコピー。アクセシビリティ準拠のための色コントラスト比を確認
使い方
上のツールで正確な結果を得るための手順です。
- Enter textとbackground colors in HEXまたはRGB.
- Read contrast ratioとAA/AAA pass indicators.
- Adjust palette until bodyとUI text meet WCAG thresholds.
WCAG Thresholds
このユーティリティの有効な例、よくある無効入力、頻出エラーを確認できます。
AA 通常テキスト
Minimum 4.5:1 contrast ratio.
AA 大きいテキスト
18pt以上または14pt太字は3:1。
AAA
通常7:1 / 大きい文字4.5:1でAAA準拠。
よくある質問
一般的なトラブルとデータプライバシーに関する回答です。
関連ツール
このツールを補完する関連ユーティリティをご覧ください。
公式ドキュメントと参照
このユーティリティの公式仕様とプラットフォーム文書です。