このページにはアフィリエイト広告が含まれます。Amazonのアソシエイトとして、goronekoは適格販売により収入を得ています。
WCAG 2.2 カラーパレット・アクセシビリティ一括マトリクス検証ツール
自社ブランド・Webサイトの配色トークン(最大8色)を登録し、全組み合わせのコントラスト比・WCAG 2.2適合水準を一括判定・CSSトークンを出力します。
WCAG 2.2 / JIS X 8341-3 準拠判定
AA (4.5:1 / 3:1) & AAA (7:1 / 4.5:1)
色覚多様性(P/D/T型)シミュレータ
CSSカスタムプロパティ出力
登録カラーパレット(最大8色)
※ HEXコードまたはカラーピッカーから色を変更すると、即座に下の総当たりマトリクスとテキスト組み合わせが再計算されます。
総当たりコントラスト比マトリクス (背景 × 文字色)
判定基準の凡例(WCAG 2.2 達成基準 1.4.3 / 1.4.6 / 1.4.11):
・AA : コントラスト比 4.5:1 以上(本文通常テキスト適合)
・AA-L : コントラスト比 3.0:1 以上(18pt/24px以上の大テキスト、または太字14pt/18.5px以上・UI部品適合)
・AAA : コントラスト比 7.0:1 以上(通常テキスト厳格適合)
・FAIL : 3.0:1 未満(本文・重要UI表示には不適合)
適合する配色ペア実例プレビュー(本文 AA 4.5:1 以上)
CSSトークン / Markdown判定仕様書エクスポート