濃いマスほど、このテーマでその指標が高いことを示します。
明瞭96
説得40
密度28
制作コスト35
課題適合88
仕事適合94
低高
短い答え
WCAG コントラスト チェックはいつ選ぶ?
次の条件に合う。UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル
いつ避ける?
次の場合は別の形にする。ペアを測定せずにブランドの色合いだけを判断する
誰が作り、広めた?
WCAG コントラスト比。次世代モデルとしてのAPCA Research (Myndex)
何を符号化する?
前景と背景の輝度差
広告に使ってよいか?
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか?
実験レポートとポスターで軸・単位・出典があれば通る。
WCAG コントラスト チェックは前景と背景の輝度差として値を載せます。WCAG コントラスト比。次世代モデルとしてのAPCA Research (Myndex)。
業務報告・広告・課題では「UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル」に向く。「ペアを測定せずにブランドの色合いだけを判断する」のときは別の形を選ぶ。
部分
- マーク — WCAG コントラスト チェックの中核マークは前景と背景の輝度差。
- 尺度 — 尺度はゼロ(または宣言した切れ目)と単位を示す。
- 軸 — 軸タイトルは変数であり、気分ではない。
- 凡例 — 凡例は直接ラベルより弱い。できるならマークの横に書く。
- ラベル — 数値は任意。比較が仕事なら端だけ書く。
- 格子 — 格子は薄く。データがインクを持つ。
- 注釈 — 注釈は一文。出典と期間を書く。
- 枠 — 枠は細く。3Dの箱は使わない。
変種
- コントラスト比 — WCAG コントラスト チェックの変種 1(コントラスト比)。同じ符号化、違うレイアウト。
- APCAチェック — WCAG コントラスト チェックの変種 2(APCAチェック)。同じ符号化、違うレイアウト。
- 読み取り可能な文字の色 — WCAG コントラスト チェックの変種 3(読み取り可能な文字の色)。同じ符号化、違うレイアウト。
- WCAG コントラスト チェック 4 — WCAG コントラスト チェックの変種 4(WCAG コントラスト チェック 4)。同じ符号化、違うレイアウト。
ラベル
- 軸 — WCAG コントラスト チェックではマークを読めるように書く。
- 凡例 — WCAG コントラスト チェックでは尺度を読めるように書く。
- ラベル — WCAG コントラスト チェックでは軸を読めるように書く。
- 格子 — WCAG コントラスト チェックでは凡例を読めるように書く。
- 注釈 — WCAG コントラスト チェックではラベルを読めるように書く。
WCAG コントラスト チェック: 前景と背景の輝度差を守り、「ペアを測定せずにブランドの色合いだけを判断する」のときは別の図を選ぶ。