Understanding WCAG 2.0

Skip to Content (Press Enter)

H77: A hivatkozás céljának azonosítása a hivatkozás szövegének, illetve az azzal társított lista-elemnek a segítségével

Alkalmazás

Minden hivatkozást tartalmazó technológia.

Ez a technika az alábbiakra vonatkozik:

Leírás

A technikának az a célja, hogy a hivatkozás, illetve a hivatkozás lista-elemének kontextusából állapítsa meg a hivatkozás célját. Abban az esetben, ha a lista-elem a hivatkozáshoz legközelebb álló társított blokkszintű előd elem, akkor a társított lista-elem megfelelő összefüggést biztosít az egyébként értelmezhetetlen hivatkozásnak. 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. Fontos, hogy csak a hivatkozás céljaként szereplő URI megadása általában nem biztosít elég információt.

Megjegyzés: Ezek a leírások akkor a leghasznosabbak a felhasználó szempontjából, ha megelőzik a hivatkozást. A hivatkozások után álló leírások megzavarhatják, illetve problémát okozhatnak azoknak a képernyőolvasót alkalmazó felhasználóknak, akik fentről lefelé irányban olvassák a honlapot.

Példák

1. példa

Példa kód:

<ul>
  <li>
    Check out the video report for last year's 
    <a href="festival.htm">National Folk Festival</a>.
  </li>
  <li>
    <a href="listen.htm">Listen to the instruments</a>
  </li>
  <li>
    Guitar Man: George Golden talks about 
    <a href="mkguitars.htm">making guitars</a>.
  </li>
</ul>
2. példa: Letöltendő videó játékok listája.

Példa kód:

<ul>
  <li>
    <a href="tomb_raider.htm">Tomb Raider: Legend</a>
    <a href="tomb_raider_images.htm">See Images</a>
    <a href="tomb_raider.mpeg">(Download Demo)</a>
  </li>
  <li>
    <a href="fear_extraction.htm">F.E.A.R. Extraction Point</a>
    <a href="fear_extraction_images.htm">See Images</a>
    <a href="fear_extraction.mpeg">(Download Demo)</a>
  </li>
  <li>
    <a href="call_of_duty.htm">Call of Duty 2</a>
    <a href="call_of_duty_images.htm">See Images</a>
    <a href="call_of_duty.mpeg">(Download Demo)</a>
  </li>
  <li>
    <a href="Warhammer 40K.htm">Warhammer 40K</a>
    <a href="warhammer_40k_images.htm">See Images</a>
    <a href="Warhammer_40k.mpeg">(Download Demo)</a>
  </li>
</ul>   

Források

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

Ellenőrzések

Folyamat

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

  1. Ellenőrizze, hogy a hivatkozás része-e egy lista-elemnek.

  2. Ellenőrizze, hogy a hivatkozás szövege és a hozzá társított lista-elem szövege ismertetik-e a hivatkozás célját.

Elvárható eredmények
  • A fenti ellenőrzések igazak.


Teljesítési feltételek: