概要

バージョン: WCAG 2.1以上
セクション番号: 1.4.11
レベル: AA
適用対象:
  • フォーム
  • グラフィック
  • アイコン
  • ユーザーコントロール
要件:

以下の視覚的提示には、隣接した色との間で少なくとも 3:1 のコントラスト比がある。

ユーザインタフェース コンポーネント

ユーザインタフェース コンポーネント及び状態(state)を特定するのに必要な視覚的な情報。ただし、アクティブではないユーザインタフェース コンポーネントや、そのコンポーネントの見た目がユーザエージェントによって提示されていてコンテンツ制作者が変更していない場合は除く。

グラフィカルオブジェクト

コンテンツを理解するのに必要なグラフィック部分。ただし、そのグラフィック特有の提示が、情報を伝えるうえで必要不可欠な場合は除く。

ガイダンス:
達成方法:

目的

この達成基準の目的は、弱視のユーザーが意味のあるグラフィックや画像、ユーザー インターフェイスを区別して理解できるように、十分なコントラストを保証することです。

要件の満たし方

この要件を満たすことは、1.4.3 コントラスト(最低限レベル)を満たすのと基本的には同じです。ただし、テキストではなく、グラフィックとユーザー コントロールを対象している点が異なります。

ユーザーがコンテンツを理解するために視認する必要のあるオブジェクト(たとえば、円グラフの各項目やグラフの棒や線など)が含まれている場合、それらのオブジェクトは背景との間に3:1のコントラストが必要です。この要件は、必要な情報が別の形で利用できる場合には適用されないことに注意してください(たとえば、円グラフの各項目に目的と値が記載されている場合、各項目間のコントラストには適用されません)。

この要件は、コンテンツを識別するためのアイコンにも適用されます。たとえば、教科書では、異なる種類の補足情報を区別するためにアイコンがよく使用されます。ただし、グラフィックと同様に、アイコンがテキスト ラベルを補足するものである場合は、この要件は適用されません(つまり、要件が適用されるのは、その情報が別の形式で入手できない場合に限られます)。

この要件は、ボタンやコントロールなどのユーザーインターフェイス コンポーネントにも適用されます。

追加情報

ナレッジベースの次のページでは、出版物コンテンツにおいてこの達成基準を満たす方法が、より詳しく記載されています。