このページには、前バージョン(2008年12月11日版の日本語訳)から修正(追加、変更または削除)された箇所があります。
設定:全ての修正を非表示   |   削除箇所を表示/非表示  |   問題No.を表示/非表示   |   [ここから] / [ここまで] を表示/非表示   |   全ての修正を表示

表示サンプル: このページの修正箇所は次のように表示されます。

WCAG 2.0 実装方法集

メインコンテンツへスキップ

-

G174: 十分なコントラスト比のあるコントロールを提供して、利用者が十分なコントラストのある表現に変換できるようにする

適用(対象)

あらゆるウェブコンテンツ技術

これは、次の達成基準に関連する実装方法である:

解説

テキストとそのページの一部の背景の間のコントラストが達成基準1.4.3または1.4.6のコントラストレベルを満たすように作られていない場合、 適合要件 1における「代替バージョン」を用いる ことでこれらのガイドラインを満たすことが可能である。ページのリンク又はコントロールは、ページを変更することによって 全ての側面を適合させたり、閲覧者を求められるレベルに適合した新しいバージョンのページに導いたりすることができる。[ここから追加] また、そのリンクまたはコントロールをウェブページ上の目立つところに置くことによって、利用者が適合しているコンテンツにアクセスしやすくなる。[追加ここまで]

この実装方法を正しく用いるためには、次の三つを満たさなければならない。

  1. オリジナルページにあるリンクやコントロール自身は、求められる達成基準のコントラスト要求を満たさなければならない(もし利用者がコントロールを見ることができない場合、新しいページに行くためにそれを使用することができないかもしれない)。

  2. 新しいページはオリジナルページと同様に全ての情報と機能性を含んでいなければならない。

  3. 新しいページは求められる適合レベルのための全ての達成基準に適合すべきである(つまり、新しいページは求められたコントラストレベルは確保しているが他は適合していないということであってはならない)。

この実装方法は、ページの代替バージョンのテキスト(又はテキストの画像)に背景と4.5:1のコントラストがある、及び大きいサイズのテキスト(又は大きなテキストの画像)に背景と3:1のコントラストがあることによって達成基準1.4.3を満たすために用いることができる。もしページの代替バージョンに7:1のコントラストのあるテキスト(テキストの画像)と4.5:1のコントラストのある大きいサイズのテキスト(又は大きなテキストの画像)があるならば、それは達成基準1.4.3と1.4.6の両方を満たしている。

注意: この実装方法は、非適合コンテンツのための適合している代替バージョンである現在のページにスタイルを切り替える実装方法と組み合わせることで用いることができる。詳しくは、 C29: スタイル・スイッチャーを用いて、適合している代替バージョンを提供する 適合している代替バージョンを理解するを参照。

事例

検証

チェックポイント

  1. オリジナルページ上に代替バージョンへのアクセスを提供するリンクやコントロールがある。

  2. オリジナルページのリンクやコントロールが、該当する適合レベルの全ての達成基準に適合している。

  3. 代替バージョンのページが、コントラスト及び該当する適合レベルの他の全ての達成基準を満たしている。

判定基準

注意: この実装方法が「達成基準を満たすことのできる実装方法」の一つである場合、このチェックポイントや判定基準を満たしていなければ、それはこの実装方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の実装方法によってその達成基準が満たされていることもありうる。

日本語訳における注記:

この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。