Techniken für WCAG 2.0

Zum Inhalt

-

H81: Kennzeichnung des Linkzwecks in einer verschachtelten Liste, indem der Linktext zusammen mit dem Parent-Listenelement, unter dem die Liste verschachtelt ist, benutzt wird

Anwendbarkeit

HTML und XHTML

Die Technik bezieht sich auf:

Anmerkungen zur Unterstützung durch Benutzeragenten und assistierende Techniken

Obwohl die Kontextinformationen durch Software mit dem Link verbunden ist, fehlt assistierenden Techniken der Befehl zum Lesen des Parent-Listenelements, ohne den Fokus von dem Link weg zu bewegen.

Beschreibung

Das Ziel dieser Technik ist es, den Zweck eines Links in einer verschachtelten Liste aus dem Kontext heraus, der von dem Listenelement zur Verfügung gestellt wird, unter dem die Liste verschachtelt ist, zu beschreiben. Dieses Listenelement stellt den Kontext für einen ansonsten unklaren Link zur Verfügung. Die Beschreibung gibt dem Benutzer die Möglichkeit diesen Link von Links auf der Webseite, die zu anderen Zielen führen, zu unterscheiden und hilft Benutzern dabei zu entscheiden, ob sie dem Link folgen.

Da aktuelle, assistierende Techniken keine Befehle zur Abfrage von Kontextinformationen, die von Parent-Listenelementen zur Verfügung gestellt werden, enthalten, verlangt die Benutzung dieser Technik vom Benutzer, dass dieser die Liste Element für Element navigiert. Daher kann es sein, dass diese Technik für sehr lange oder tief verschachtelte Listen nicht geeignet ist.

Anmerkung: Stellen Sie wann immer möglich Linktext zur Verfügung, der den Zweck des Links bezeichnet, ohne dass zusätzlicher Kontext benötigt wird.

Beispiele

Beispiel 1: Ein Dokument, das in drei Formaten bereitgestellt wird

Code-Beispiel:

			<ul>
<li>Annual Report 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>Annual Report 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> 

Beispiel 2: Blöcke an Informationen zu Hotels

Die Informationen zu jedem Hotel bestehen aus Name des Hotels, einer Beschreibung und einer Reihe von Links zu einer Karte, Fotos, der Wegbeschreibung, Bewertungen durch Gäste und zum Buchungsformular.

Code-Beispiel:

			<ul>
<li><a href="royal_palm_hotel.html">Royal Palm Hotel</a>
  <ul class="horizontal">
    <li><a href="royal_palm_hotel_map.html">Map</a></li>
    <li><a href="royal_palm_hotel_photos.html">Photos</a></li>
    <li><a href="hroyal_palm_hotel_directions.html">Directions</a></li>
    <li><a href="royal_palm_hotel_reviews.html">Guest reviews</a></li>
    <li><a href="royal_palm_hotel_book.html">Book now</a></li>
  </ul>
</li>
<li><a href="hotel_three_rivers.html">Hotel Three Rivers</a>
  <ul class="horizontal">
    <li><a href="hotel_three_rivers_map.html">Map</a></li>
    <li><a href="hotel_three_rivers_photos.html">Photos</a></li>
    <li><a href="hotel_three_rivers_directions.html">Directions</a></li>
    <li><a href="hotel_three_rivers_reviews.html">Guest reviews</a></li>
    <li><a href="hotel_three_rivers_book.html">Book now</a></li>
  </ul>
</li>
</ul> 

Ressourcen

Es gibt für diese Technik keine Ressourcen.

Tests

Vorgehensweise

Für jeden Link im Inhalt, der sich dieser Technik bedient:

  1. Finden Sie das ul- oder ol-Element, das den Link enthält

  2. Prüfen Sie, ob dieses Listenelement (ul, ol) ein Abkömmling eines li-Elements ist

  3. Prüfen Sie, ob der Linktext zusammen mit dem Text dieses li-Elements den Zweck des Links beschreibt.

Erwartete Ergebnisse

Wenn dies eine ausreichende Technik für ein Erfolgskriterium ist, dann bedeutet das Scheitern an diesem Testverfahren nicht zwangsläufig, dass das Erfolgskriterium nicht auf irgendeine andere Art und Weise erfüllt wurde, sondern nur, diese Technik nicht erfolgreich implementiert wurde und nicht benutzt werden kann, um die Konformität zu erklären.