画像エディタ＆バッチオプティマイザ
画像・デザイン ローカルのみ
カラー＆アクセシビリティツールキット
ローカルのみWCAGコントラストをチェックし、色のペアを修正し、パレットを作成し、画像の色をローカルで抽出します。
WCAG対比率
14.68:1
普通のテキスト AAパスポート
普通のテキスト AAAパスポート
大文字 AAパスポート
メッセージ AAAパスポート
コンポーネント AAパスポート
WCAG 2.2 は、通常のテキストのために少なくとも 4.5:1 を必要とし、大きなテキサスおよび非テキスタイルの UI コンポーネントのために 3: 1 を、正常のテクスト対比のための 7:1 に必要とします。
ライブプレビュー
もっと多くの人々が読むデザイン
対照はアクセス性の一部に過ぎないが、測定可能な場所である。 タイトル、段落、コントロール、焦点の状態をまとめる。
最寄りの合意前線
これらの提案は、可能な限り、黒や白に向かって移動し、要求された対比が達成されるまで、ハイの方向を維持します。
使い方
- 01
色のカップルを入れる
HEX または RGB の前面および背景の色を貼り付け、正確な対比率の更新を直ちに表示します。
- 02
チェック・探検
WCAG 2.2 AA/AAAの結果を検討し、調和的なパレットを生成し、一般的な色視力欠陥をシミュレートしたり、画像の色を抽出したりします。
- 03
アクセス可能な色
最も近いAAまたはAAの前面提案を使用して、色値をコピーするか、CSS変数としてパレットを輸出します。
よくある質問
では、どの標準がコントロールチェックを使用しているのでしょうか。
WCAG 2.2 の相対照明の対照式と 3:1, 4.5: 1 と 7:1 の範囲を使用しています。
対照の通行はアクセス可能性を保証するのか?
タイプグラフィー、焦点状態、セマンティック、動き、言語、および補助技術のテストはまだ重要です。
画像はプライベートですか?
色の抽出は一時的なブラウザカンバを使用し、画像をアップロードしない。
色視予測診断はありますか?
これは、デザインレビューのための実用的なシミュレーションであり、医学的診断やユーザーテストの代わりではありません。
関連ツール
ほかの用途特化型ブラウザツールもお試しください。