色とパターンを併用する

達成方法に関する重要な情報

この達成方法 (参考) の使用法と、この達成方法が WCAG 2.1 達成基準 (規定) とどのように関係するのかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用 (対象) のセクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法の存在は、その技術があらゆる状況で WCAG 2.1 を満たすコンテンツを作成するために使用できることを意味するものではない。

適用 (対象)

画像をサポートするウェブコンテンツ技術全て

これは達成基準 1.4.1: 色の使用 (十分な達成方法) に関する達成方法である。

解説

この達成方法の目的は、非テキストコンテンツの中で色の違いを用いて情報を伝える場合に、色に依存しない方法で同じ情報を伝えるためにパターン (模様) を含めるようにすることである。

事例

事例 1

不動産会社のサイトに、米国のいくつかの地域における平均住宅価格の棒グラフがある。それぞれの地域を表す棒は、異なる色及び異なるパターンで表示されている。凡例は、それぞれの棒が識別できるように、同じ色とパターンが使用されている。

事例 2

交通システムのオンライン地図には路線が色分けされている。それぞれの路線上の停車場は、路線の区別を促すために菱形、正方形、円など、区別を示すアイコンで印付けされている。

事例 3

プロセスを完了するまでの一連の反復手順を示すフローチャートがある。フローチャートでは、条件を満たした場合に、プロセスの次のステップを指す、緑色の背景に破線の矢印が使用される。条件を満たさない場合に、プロセスの次のステップを指す、赤の背景に点線の矢印が使用される。

事例 4

コンテンツにはインタラクティブなゲームがある。4 人分のゲームのコマは、色とパターンの両方を使って互いに区別されている。

検証

手順

情報を伝達するために色の違いを用いているウェブページ内の各画像に対して:

  1. 色を用いて伝達されている情報の全てに、色に依存しないパターンも併用している伝達されることを確認する。

期待される結果

  • 1.の結果が真である。