知覚可能/1.4 判別可能
1.4.1色の用途
レベル AUse of Color
色の違いだけで情報を伝えたり、操作を指示したり、視覚要素を区別させたりしない。エラー箇所を赤色だけで示すのではなく、アイコンやテキストも併用するなど、色覚に個人差があっても伝わる手段を用意する。色を使うこと自体は問題なく、色以外の手がかりを追加することが求められる。
仕様が更新されました
- 機能追加#5186(新しいタブで開きます)G183: コントラスト比のみを扱う内容に全面改訂
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(5)
- G14: Ensuring that information conveyed by color differences is also available in text(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G111: Using color and pattern(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G182: Ensuring that additional visual cues are available when text color differences are used to convey information(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G183: Using a contrast ratio of at least 3:1 to distinguish inline text links from surrounding text(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G205: Including a text cue for colored form control labels(新しいタブで開きます)waic.jp(新しいタブで開きます)
参考達成方法(1)
失敗例(3)
- F13: Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F73: Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F81: Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only(新しいタブで開きます)waic.jp(新しいタブで開きます)
原典・規範文書
- 達成基準 1.4.1 色の用途 — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Use of Color — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。