WCAG 2.0 実装方法集

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

-

H79: リンクテキストとそれが含まれているデータセル及び関連づけられた見出しセルとを組み合わせて、リンクの目的を特定する

適用(対象)

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

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

解説

この実装方法の目的は、リンクとそれを含んでいるデータテーブルの文脈から、リンクの目的を特定することである。文脈とは、そのリンクを含んでいるテーブルセルと、そのセルに関連付けられた見出しセルとの関係を指している。データテーブルの文脈によって、リンクを含んでいるセルが、先祖要素であるブロックレベル要素の中で最もそのリンクに近い場合、リンクテキストだけでは不明瞭なリンクに目的が与えられる。それによって、ユーザーがそのリンクと、そのウェブページ内にある他のリンクとを区別できるようになり、そのリンク先へ移動するかどうかを判断しやすくなる。リンクテキストとして単に目的地のURIを示すだけでは、障害のあるユーザー、特に認知障害のあるユーザーにとってはリンク先の説明として不十分であることに注意すべきである。

事例

事例 1:レンタカー会社の料金比較表

コード例:

 <table>
<tr>
  <th></th>
  <th id="a1">Alamo社</th>
  <th id="a2">Budget社</th>
  <th id="a3">National社</th>
  <th id="a4">Avis社</th>
  <th id="a5">Hertz社</th>
</tr>
<tr>
  <th id="b1">低燃費車</th>
  <td headers="a1 b1"><a href="econ_ala.htm">1日 67ドル</a></td>
  <td headers="a2 b1"><a href="econ_bud.htm">1日 68ドル</a></td>
  <td headers="a3 b1"><a href="econ_nat.htm">1日 72ドル</a></td>
  <td headers="a4 b1"><a href="econ_av.htm">1日 74ドル</a></td>
  <td headers="a5 b1"><a href="econ_hz.htm">1日 74ドル</a></td>
</tr>
<tr>
  <th id="b2">小型車</th>
  <td headers="a1 b2"><a href="comp_ala.htm">1日 68ドル</a></td>
  <td headers="a2 b2"><a href="comp_bud.htm">1日 69ドル</a></td>
  <td headers="a3 b2"><a href="comp_nat.htm">1日 74ドル</a></td>
  <td headers="a4 b2"><a href="comp_av.htm">1日 76ドル</a></td>
  <td headers="a5 b2"><a href="comp_hz.htm">1日 76ドル</a></td>
</tr>
<tr>
  <th id="b3">中型車</th>
  <td headers="a1 b3"><a href="mid_ala.htm">1日 79ドル</a></td>
  <td headers="a2 b3"><a href="mid_bud.htm">1日 80ドル</a></td>
  <td headers="a3 b3"><a href="mid_nat.htm">1日 83ドル</a></td>
  <td headers="a4 b3"><a href="mid_av.htm">1日 85ドル</a></td>
  <td headers="a5 b3"><a href="mid_hz.htm">1日 85ドル</a></td>
</tr>
<tr>
  <th id="b4">大型車</th>
  <td headers="a1 b4"><a href="full_ala.htm">1日 82ドル</a></td>
  <td headers="a2 b4"><a href="full_bud.htm">1日 83ドル</a></td>
  <td headers="a3 b4"><a href="full_nat.htm">1日 89ドル</a></td>
  <td headers="a4 b4"><a href="full_av.htm">1日 91ドル</a></td>
  <td headers="a5 b4"><a href="full_hz.htm">1日 91ドル</a></td>
</tr>
</table>  

参考リソース

この実装方法の参考リソースはない。

検証

チェックポイント

コンテンツの中で、この実装方法を用いているリンクそれぞれに対して:

  1. そのリンクがテーブルセルの中にある。

  2. そのリンクテキストと関連付けられた見出しセルを組み合わせると、リンクの目的が説明されている。

判定基準

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

日本語訳における注記:

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