Skip to content セクションへスキップ
A11Y 方法

WCAG コントラスト チェック

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。

一目で
指標の濃さ

濃いマスほど、このテーマでその指標が高いことを示します。

スコアの形

各バーはこのテーマの0-100アトラス点です。時間軸ではありません。

964028358894
この形式
この形式
964028358894
探す
比較
約7分

最終確認 出典とクレジットメディアクレジット方法論

Vizスタジオを開く

× ✓
WCAG コントラスト チェック

WCAG コントラスト チェックは前景と背景の輝度差として値を載せます。WCAG コントラスト比。次世代モデルとしてのAPCA Research (Myndex)。

業務報告・広告・課題では「UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル」に向く。「ペアを測定せずにブランドの色合いだけを判断する」のときは別の形を選ぶ。

このページはWCAG コントラスト チェックの解剖・向き・工芸・失敗と、仕事・広告・課題のレシピを一箇所に置く。

形式WCAG コントラスト チェック
起源2008+
符号化前景と背景の輝度差
向きUI タイプ、スライド タイトル、ポスター…
回避ペアを測定せずにブランドの色合いだけを判断する
スタジオやり方

プロフィール

明瞭
96
説得
40
密度
28
制作コスト
35
課題適合
88
仕事適合
94
964028358894

七章

アイデア

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。 歴史. UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル.

読む →

解剖

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。 マーク. UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル.

読む →

いつ使う

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。 向き. UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル.

読む →

工芸

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。 規則. UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル.

読む →

失敗

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。 失敗. UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル.

読む →

スタジオ

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。 仕事. UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル.

読む →

ツール

出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。 ソフト. UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル.

読む →

よくある質問

WCAG コントラスト チェックはいつ選ぶ?
次の条件に合う。UI タイプ、スライド タイトル、ポスター キャプション、バッジ ラベル
いつ避ける?
次の場合は別の形にする。ペアを測定せずにブランドの色合いだけを判断する
誰が作り、広めた?
WCAG コントラスト比。次世代モデルとしてのAPCA Research (Myndex)
何を符号化する?
前景と背景の輝度差
広告に使ってよいか?
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか?
実験レポートとポスターで軸・単位・出典があれば通る。
どのツール?
ExcelまたはGoogleスプレッドシートまたはPowerPoint。SVG/PDFで書き出す。
アクセシビリティは?
色だけに頼らない。直接ラベルとグレースケールを確認する。

関連

スタジオ → どの可視化? 形式を比較 ファイルから図をつくる