知覚可能/1.4 判別可能
1.4.6コントラスト
レベル AAAContrast (Enhanced)
文字と背景の明暗の差(コントラスト比)を、通常の文字で 7:1 以上、大きな文字(18ポイント以上又は14ポイント太字以上)で 4.5:1 以上にする。1.4.3(AA)より厳しい基準で、装飾文字やロゴ、非アクティブな部品には同様に適用されない。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(4)
- G17: Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text) and background behind the text(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G148: Not specifying background color, not specifying text color, and not using technology features that change those defaults(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G174: Providing a control with a sufficient contrast ratio that allows users to switch to a presentation that uses sufficient contrast(新しいタブで開きます)waic.jp(新しいタブで開きます)
参考達成方法(1)
失敗例(2)
- F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F83: Failure of Success Criterion 1.4.3 and 1.4.6 due to using background images that do not provide sufficient contrast with foreground text (or images of text)(新しいタブで開きます)waic.jp(新しいタブで開きます)
原典・規範文書
- 達成基準 1.4.6 コントラスト — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Contrast (Enhanced) — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。