コントラストチェッカー
テキストと背景色のコントラスト比を WCAG 2.2 の AA・AAA 基準で確認します。ライブのサンプルと修正案付き。
無料 · アップロード不要 · すべて端末内で処理
コントラストチェッカーの使い方
- サイドパネルで設定を選んでください。
- 結果はすぐに更新されます。新しく作るには「チェック」を選んでください。
- 結果をコピーするか、ダウンロードしてください。
設計からプライベート。入力、開いたファイル、録音・録画はすべてこのブラウザーのタブ内で処理され、KittySuite にアップロードされることはありません。
コントラストチェッカーについて
WCAG では、通常のテキストに 4.5:1、大きなテキスト（24 px、または太字 18.7 px）やアイコン・枠線などの UI 部品に 3:1 を求めています。半透明の文字は先に背景と合成して計算します。基準を満たさない場合は、AA を満たす、より暗いまたは明るい文字色を提案します。
すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。
始める前の質問
コンテンツは端末の外に送信されますか？
ファイルの内容や入力したテキストが処理のために送信されることはありません。このサイトは必要に応じて自身のコードやアセットをダウンロードします。ホスティングへのリクエストとブラウザーのキャッシュについては、プライバシーページで説明しています。
コントラストチェッカーを使う前に確認することは？
すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。
結果が使えない場合は？
元のファイルはそのままにして、設定に戻ってもう一度お試しください。読み取れないファイルや非対応の構造の場合は、元のアプリから書き出し直す必要があるかもしれません。
スマートフォンでも使えますか？
操作画面は小さな画面にも対応していますが、大きなファイルはモバイル端末のメモリーを超えることがあります。処理に失敗する場合は、小さめのファイルを使うか、何回かに分けて処理してください。