適用 (対象)
HTML 及び XHTML
これは達成基準 2.4.4: リンクの目的 (コンテキスト内) (失敗) に関する達成方法である。
解説
この文書は、リンクの目的を理解するために必要なコンテキストが、プログラムによる解釈が可能なリンクのコンテキストではないコンテンツの中に置かれているという失敗例について解説する。リンクのコンテキストが次のいずれかの方法で提供されていない場合:
- リンクと同じ文章、段落、リストの項目、又はテーブルのセルの場合
aria-labelやaria-labelledbyなどの適切な ARIA プロパティを介する場合
利用者はリンクがどこにあるのかを簡単に知ることができない。コンテキストを探るために利用者がリンクの場所を離れなければならないなら、そのコンテキストはプログラムによる解釈が可能なリンクのコンテキストではなく、この失敗例に該当する。
事例
例 1: 隣接する段落のリンク
あるニュースサービスでは記事の冒頭のいくつかの文を一つの段落に入れている。その次の段落には「Read More...」というリンクが置かれている。そのリンクは導入文と同じ段落にないので、利用者はそのリンクが何についての続きを読むのかを容易に見つけることができない。
<p>A British businessman has racked up 2 million flyer miles and plans to travel on the world's first commercial tourism flights to space.</p> <p><a href="ff.html">Read More...</a></p>
例 2: レイアウトテーブル内の隣接セルのリンク
あるオーディオサイトではプレーヤーがダウンロードできるリンクを提供している。何がダウンロードされるのかについての情報はレイアウトテーブル内の前の行に置かれており、これはプログラムによる解釈が可能なリンクのコンテキストではない。
<table>
<tr>
<td>Play music from your browser</td>
</tr>
<tr>
<td>
<a href="http://www.example.com/download.htm">
<img src="download.jpg" width="165" height="32" alt="Download now"></a>
</td>
</tr>
</table>
参考リソース
参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。
「Accessible Rich Internet Applications (WAI-ARIA) 1.0」「WAI-ARIA 1.0 Authoring Practices」はそれぞれ、正しくは「Accessible Rich Internet Applications (WAI-ARIA) 1.1」「WAI-ARIA Authoring Practices 1.1」となる。
検証
手順
リンクの目的を理解するために、追加が必要なリンクのコンテキストを探す。各リンクについて:
- コンテキストが同じ文章、段落、リスト項目、テーブルのセル、又は関連するテーブルのヘッダーに含まれているかどうかを確認する。
- 例えば、リンク上で
aria-label、aria-labelledby、aria-describedbyなどの WAI-ARIA プロパティを使用して、十分なコンテキストを提供するなど、リンクのコンテキストをプログラムによる解釈が可能かどうかを確認する。
期待される結果
- #1 及び #2 の結果が偽である場合、このコンテンツは達成基準の失敗となる。