WCAG 2.0 達成方法集

Skip to Content (Press Enter)

-

H77: リンクテキストとそれが含まれているリスト項目とを組み合わせて、リンクの目的を特定する

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

これらの達成方法(参考)の使用法及び、それらがWCAG 2.0 達成基準(規定)とどのように関係するかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用(対象)セクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法があるからといって、WCAG 2.0 を満たすコンテンツを作成する際に、常にその技術が使用可能であるわけではない。

適用(対象)

リンクが含まれる全てのウェブコンテンツ技術

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

解説

この達成方法の目的は、リンクとそれを含んでいるリスト項目の文脈から、リンクの目的を特定することである。リンクを含んでいるリスト項目が、先祖要素であるブロックレベル要素の中で最もそのリンクに近い場合、リンクテキストだけでは不明瞭なリンクに文脈を与えることになる。その説明によって、利用者がそのリンクと、そのウェブページ内にある他のリンクとを区別できるようになり、そのリンク先へ移動するかどうかを判断しやすくなる。一般的に、リンクテキストとして単に目的地のURIを示すだけでは、リンク先の説明として不十分であることに注意すべきである。

注記: このような説明が利用者にとって最も役立つのは、リンクを理解するのに必要な追加情報が、そのリンクよりも前に書かれている場合である。追加情報がリンクの後に書かれていると、ページを(先頭から最後へと)順番に読むスクリーンリーダーの利用者には混乱や支障が生じることがある。

事例

事例 1

コード例:

<ul>
  <li>
    昨年のビデオレポートをご覧下さい。
    <a href="festival.htm">全米民族音楽祭</a>
  </li>
  <li>
    <a href="listen.htm">楽器の説明を聞く</a>
  </li>
  <li>
    ギター職人、ジョージ・ゴールドマンの話はこちら。
    <a href="mkguitars.htm">ギター作りについて</a>
  </li>
</ul>

事例 2: ビデオゲームのダウンロードリスト

コード例:

<ul>
  <li>
    <a href="tomb_raider.htm">トゥームレイダー:レジェンド</a>
    <a href="tomb_raider_images.htm">画像を見る</a>
    <a href="tomb_raider.mpeg">(デモのダウンロード)</a>
  </li>
  <li>
    <a href="fear_extraction.htm">F.E.A.R. Extraction Point</a>
    <a href="fear_extraction_images.htm">画像を見る</a>
    <a href="fear_extraction.mpeg">(デモのダウンロード)</a>
  </li>
  <li>
    <a href="call_of_duty.htm">コール オブ デューティ2</a>
    <a href="call_of_duty_images.htm">画像を見る</a>
    <a href="call_of_duty.mpeg">(デモのダウンロード)</a>
  </li>
  <li>
    <a href="Warhammer 40K.htm">ウォーハンマー40,000</a>
    <a href="warhammer_40k_images.htm">画像を見る</a>
    <a href="Warhammer_40k.mpeg">(デモのダウンロード)</a>
  </li>
</ul>

参考リソース

この達成方法に関する参考リソースはない。

検証

チェックポイント

コンテンツの中で、この達成方法を利用するリンクそれぞれに対して:

  1. そのリンクがリスト項目の一部である。

  2. そのリンクテキストとリスト項目を組み合わせると、リンクの目的が説明されている。

判定基準

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