このページにはアフィリエイト広告が含まれます。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判定仕様書エクスポート

アクセシビリティ実務・カラーマネジメント推薦資材

Webアクセシビリティ導入・JIS X 8341-3 関連専門書をAmazonで探す

改正法対応、企業の適合試験実施(WCAG 2.1/2.2 AA適合基準の解説)やデザインシステム策定に直結する技術解説書。

カラーマネジメント対応・sRGB 99%+ プロ向けデザイン用モニターをAmazonで探す

正確なコントラスト比・色度域を担保し、視覚的多様性検証を行うための高精細IPS非光沢ディスプレイ機器。