WCAG 2.0 実装方法集

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

-

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

適用(対象)

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

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

解説

この実装方法の目的は、リンクとそれを含んでいるリスト項目の文脈から、リンクの目的を特定することである。リンクを含んでいるリスト項目が、先祖要素であるブロックレベル要素の中で最もそのリンクに近い場合、リンクテキストだけでは不明瞭なリンクに文脈を与えることになる。その説明によって、ユーザーがそのリンクと、そのウェブページ内にある他のリンクとを区別できるようになり、そのリンク先へ移動するかどうかを判断しやすくなる。一般的に、リンクテキストとして単に目的地の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. そのリンクテキストとリスト項目を組み合わせると、リンクの目的が説明されている。

判定基準

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

日本語訳における注記:

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