適用 (対象)
互いに隣接し合う複数の色を使用したグラフィックスの場合。
これは、達成基準 1.4.11 非テキストのコントラスト (十分) に関連する達成方法である。
解説
この達成方法の目的は、中程度のロービジョンの人が、隣り合う色の区分間にある境界を確実に識別できることである。
非コントラストの達成基準では、小さく単純なグラフィックと、より大きく複雑なグラフィックの一部を含んだ“グラフィカルオブジェクト”という用語を使用している。この達成方法では、色の境界が意味を伝える単色の区分に注目している。
複数の色を使用するグラフィックの色を選択するときは、隣り合う色を検討し、コントラスト比が 3:1 以上であることを検証する。隣り合う色のコントラスト比が 3:1 未満の場合は、3:1 以上の色のコントラストを持った境界線を各色に追加する。
事例
事例 1: 明るい色/暗い色の両方を持つ円グラフ
事例 2: 区分間に境界線がある円グラフ
事例 3: 境界線がある地図
事例 4: 黒と白の線がある円グラフ
関連リソース
リソースは、情報提供のみを目的としており、推奨を意味するものではない。
- 達成基準 1.4.3: コントラスト (最低限) を理解するはカラーコントラストツールの一覧がある。
検証
手順
理解が必要な各グラフィカルオブジェクトについて、カラーコントラストツールを使用して次のことを行う:
- 隣り合う色又は境界線 (存在する場合) と比較した各色のコントラスト比を測定する。
- 隣り合う各色又は境界線 (存在する場合) のコントラスト比が 3:1 以上であることを確認する。
期待される結果
- 2 の結果が真である。