WCAG 2.0 達成方法集

Skip to Content (Press Enter)

-

H81: リストが入れ子になっている状況で、親のリスト項目と結合したリンクテキストを用いて、入れ子になったリストの中でリンクの目的を特定する

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

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

適用 (対象)

HTML 及び XHTML

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

ユーザエージェント及び支援技術によるサポート

H81 に関するユーザエージェントサポートノートを参照のこと。

解説

この達成方法の目的は、入れ子になったリストに含まれるリスト項目によって与えられる文脈から、リストの中のリンクの目的を特定することである。このリスト項目によって、リンクテキストだけでは不明瞭なリンクに文脈が与えられることになる。その説明によって、利用者がそのリンクと、そのウェブページ内にある他のリンクとを区別できるようになり、そのリンク先へ移動するかどうかを判断しやすくなる。

現在の支援技術には、親のリスト項目によって与えられる文脈的な情報を照会するコマンドがないため、この達成方法を用いても、利用者はリスト項目ひとつひとつに移動する必要がある。そのため、この達成方法は、非常に長く又は深く入れ子になったリストには適していないことがある。

注記: 可能なかぎり、文脈による補足を必要とせずにリンクの目的が特定できるリンクテキストを提供すべきである。

事例

事例 1: ある文書を 3 つのファイル形式で提供する場合

コード例:

<ul>
<li>2005-2006年版 年次報告書
  <ul> 
  <li><a href="annrep0506.html">(HTML)</a></li>
  <li><a href="annrep0506.pdf">(PDF)</a></li>
  <li><a href="annrep0506.rtf">(RTF)</a></li>
  </ul>
</li>
<li>2006-2007年版 年次報告書
  <ul> 
  <li><a href="annrep0607.html">(HTML)</a></li>
  <li><a href="annrep0607.pdf">(PDF)</a></li>
  <li><a href="annrep0607.rtf">(RTF)</a></li>
  </ul>
</li>
</ul> 

訳注: WAIC では H81-1 に関するアクセシビリティ・サポーテッド(AS)情報を提供している。

2014 年 6 月版のアクセシビリティ・サポーテッド(AS)情報: H81-1 では、「達成不可能」と評価されている。WAIC はウェブ制作者がこの達成方法を使用することを推奨しない。

事例 2: 複数のホテルに関する情報のブロック

各ホテルの情報は、ホテル名、概要、地図、写真、案内、お客様レビュー、そして予約フォームへのリンクで構成されている。

コード例:

<ul>
<li><a href="royal_palm_hotel.html">ロイヤルパームホテル</a>
  <ul class="horizontal">
    <li><a href="royal_palm_hotel_map.html">地図</a></li>
    <li><a href="royal_palm_hotel_photos.html">写真</a></li>
    <li><a href="hroyal_palm_hotel_directions.html">案内</a></li>
    <li><a href="royal_palm_hotel_reviews.html">お客様レビュー</a></li>
    <li><a href="royal_palm_hotel_book.html">予約フォーム</a></li>
  </ul>
</li>
<li><a href="hotel_three_rivers.html">ホテルスリーリバー</a>
  <ul class="horizontal">
    <li><a href="hotel_three_rivers_map.html">地図</a></li>
    <li><a href="hotel_three_rivers_photos.html">写真</a></li>
    <li><a href="hotel_three_rivers_directions.html">案内</a></li>
    <li><a href="hotel_three_rivers_reviews.html">お客様レビュー</a></li>
    <li><a href="hotel_three_rivers_book.html">予約フォーム</a></li>
  </ul>
</li>
</ul> 

訳注: WAIC では H81-2 に関するアクセシビリティ・サポーテッド(AS)情報を提供している。

2014 年 6 月版のアクセシビリティ・サポーテッド(AS)情報: H81-2 では、「達成不可能」と評価されている。WAIC はウェブ制作者がこの達成方法を使用することを推奨しない。

参考リソース

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

検証

手順

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

  1. そのリンクが含まれる ul 要素又は ol 要素を見つける。

  2. そのリスト要素 (ul 要素又は ol 要素) が、li 要素の子孫要素である。

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

期待される結果

この達成方法が「十分な達成方法」の一つである場合、この手順や期待される結果を満たしていなければ、それはこの達成方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の達成方法によってその達成基準が満たされていることもありうる。