濃いマスほど、このテーマでその指標が高いことを示します。
明瞭96
説得40
密度28
制作コスト35
課題適合88
仕事適合94
低高
短い答え
WCAG コントラスト チェックはいつ選ぶ？
次の条件に合う。UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル
いつ避ける？
次の場合は別の形にする。ペアを測定せずにブランドの色合いだけを判断する
誰が作り、広めた？
WCAG コントラスト比。次世代モデルとしてのAPCA Research (Myndex)
何を符号化する？
前景と背景の輝度差
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
WCAG コントラスト チェックは前景と背景の輝度差として値を載せます。WCAG コントラスト比。次世代モデルとしてのAPCA Research (Myndex)。
業務報告・広告・課題では「UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル」に向く。「ペアを測定せずにブランドの色合いだけを判断する」のときは別の形を選ぶ。
規則
- 規則 1 — 前景と背景の輝度差は一つのチャネルだけに使う。
- 規則 2 — 直接ラベルは遠い凡例に勝つ。
- 規則 3 — ゼロを隠さない。軸を切ったら宣言する。
- 規則 4 — 色はカテゴリか大きさか、どちらか一方。
- 規則 5 — タイトルに主張を書く。「WCAG コントラスト チェック」だけにしない。
- 規則 6 — 出典と期間は小さくても書く。
パレット
- パレット 1 — カテゴリは区別できる色。連続は一色の明度。
- パレット 2 — 発散は中央を中立、両端だけ強調。
- パレット 3 — ブランド色ひとつと灰色の方が虹より強い。
- パレット 4 — プロジェクターとグレースケール印刷でコントラストを確認。
文字
- 文字 1 — 数値は表形式数字。本文フォントをチャートに流し込まない。
- 文字 2 — タイトルは文、軸は短い名詞。
- 文字 3 — 日本語は太さを一段下げ、字間を空ける。
WCAG コントラスト チェック: 前景と背景の輝度差を守り、「ペアを測定せずにブランドの色合いだけを判断する」のときは別の図を選ぶ。