Techniques for WCAG 2.0

H81: A beágyazott listába foglalt hivatkozás céljának azonosítása a hivatkozás szövegének és az azt magában foglaló szülő lista segítségével

Alkalmazás

HTML és XHTML

Ez a technika az alábbiakra vonatkozik:

2.4.4 teljesítési feltétel (Hivatkozás célja (kontextusban))
- Hogyan teljesül a 2.4.4 (Hivatkozás célja (kontextusban))
- A 2.4.4. teljesítési feltétel értelmezése (Hivatkozás célja (kontextusban))

A felhasználói programra és a segítő technológia támogatására vonatkozó megjegyzések

Habár a kontextusba foglalt információ algoritmikusan társításra kerül a hivatkozáshoz, a segítő technológia nem rendelkezik olyan paranccsal, amely elolvasná a szülő lista-elemet anélkül, hogy a fókusz elmozdulna a hivatkozásról.

Leírás

A technika célja az, hogy meghatározza egy beágyazott listába szereplő hivatkozás célját a lista-elem által biztosított kontextus segítségével. A lista-elem kontextust biztosít egy egyébként értelmezhetetlen hivatkozás számára. A leírás lehetővé teszi a felhasználók számára az adott hivatkozás megkülönböztetését a honlapon található, de máshová vezető egyéb hivatkozásoktól és segítséget nyújt a hivatkozás követésére vonatkozó döntés meghozatalához.

Mivel a jelenlegi segítő technológiák nem tartalmaznak parancsokat az információk lekérdezéséhez, a szülő lista-elem biztosítja a szöveg összefüggését. A technika alkalmazása során a felhasználó egy időben csak a lista egyes elemeihez navigálhat. Emiatt a technika ez a technika nem alkalmas hosszabb távú alkalmazásra vagy mélyen beágyazott listákhoz.

Megjegyzés: Lehetőség szerint a hivatkozást lássuk el olyan szöveggel, amely további szöveg hozzáadása nélkül meghatározza a hivatkozás célját.

Példák

1. példa:Egy három formátumban létező dokumentum

Példa kód:

<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>

1. példa: Hotelekre vonatkozó információ blokkok.

A hotelekre vonatkozó információk az adott szálloda nevét, térképekhez vezető hivatkozásokat és leírásokat, fényképeket, eligazításokat, vendégek véleményét és egy szálloda foglalási űrlapot tartalmaznak.

Példa kód:

<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>

Források

Ehhez a technikához jelenleg nincsenek elérhető források.

Ellenőrzések

Folyamat

A tartalom minden egyes hivatkozásához, amely ezt a technikát alkalmazza:

Keresse meg a hivatkozást tartalmazó összes ul és ol elemet.
Ellenőrizze, hogy a lista-elem (ul, ol) egy li elem leszármazottja-e.
Ellenőrizze, hogy a hivatkozás szövege és a li elem szövege leírja-e a hivatkozás célját.

Elvárható eredmények

A fenti ellenőrzések igazak.