Próbáld ki ezt: csukd be a szemed, és képzeld el, hogy valaki felolvassa neked az oldalon lévő összes hivatkozás listáját, a környező szöveg nélkül – csak magát a linkszöveget, egymás után. Ha a lista úgy hangzik, hogy „kattintson ide, kattintson ide, olvasson tovább, kattintson ide” – sok képernyőolvasó felhasználó pontosan ezt tapasztalja, mert a „hivatkozáslista” funkció segítségével gyorsan navigálhat a dokumentumban.
Röviden: miről szól ez az útmutató
Miért nem működik a "Kattintson ide"?
A WCAG 2.4.4-es feltétele ("Link célja kontextusban") megköveteli, hogy a hivatkozás szövege a közvetlen kontextusával együtt magyarázza el, hová vezet vagy mit csinál. A "Kattintson ide" és a "további információ" sikertelen, mert önmagukban nem mondanak semmit – teljes mértékben a környező szövegtől függenek, amelyet a képernyőolvasó hivatkozáslistája alapján navigáló felhasználó egyszerűen nem hall.
Hogyan írjunk jó linkszöveget
A legegyszerűbb szabály: a link szövegének a célt vagy a műveletet kell leírnia, nem a kattintási mechanizmust. Az „Éves jelentés letöltése (PDF, 2 MB)” sokkal jobb, mint a „Kattintson ide a jelentés letöltéséhez”. Az „Olvassa el teljes adatvédelmi szabályzatunkat” jobb, mint a „További részletekért kattintson ide”. A letölthető fájloknál a típust és a méretet is érdemes zárójelben feltüntetni – ez minden felhasználónak segít, nem csak a képernyőolvasót használóknak.
Amikor a közeli kontextus valóban elég
A WCAG nem követeli meg, hogy a linkszöveg minden esetben teljesen önálló legyen – szabad a közvetlen kontextusra hagyatkozni (ugyanaz a bekezdés vagy ugyanaz a listaelem), feltéve, hogy ez a kontextus a képernyőolvasó számára is elérhető, és nem csak vizuálisan. A gyakorlati probléma: a cikklistában ismétlődő „további információ” hivatkozások nagyszerű példái a határesetnek – vizuálisan jól látható, hogy az egyes „további információk” melyik cikkhez tartoznak, de egy elszigetelt hivatkozáslistában mindegyik ugyanúgy hangzik. Gyakori megoldás: extra szöveg hozzáadása a hivatkozáshoz, amely vizuálisan rejtett, de a képernyőolvasó számára elérhető (például "További információ a [cikk címe]"-ről), így a vizuális megjelenítés és a felolvasott verzió is jól működik.
💡 Gyakorlati tipp
Egy gyors ökölszabály: olvassa el a hivatkozás szövegét hangosan, önmagában, anélkül, hogy körülötte semmi. Ha ennek nincs értelme, jobb szövegre van szüksége.
Hogyan működik ez a PDF-dokumentumokban
A PDF dokumentumokban a hivatkozások Link objektumként vannak megcímkézve a címkefán belül, és pontosan ez az, amit a rendszer felolvas. A Wordből exportált dokumentumok gyakori probléma: a teljes URL beillesztésre kerül a hivatkozás szövegeként ("https://example.com/very/long/path/document.pdf") – a képernyőolvasó betűnként vagy szegmensenként olvassa el a teljes címet, így elviselhetetlenné teszi a meghallgatását. A javítás: cserélje ki a hivatkozás szövegét egy rövid, világos leírásra, és a teljes címet csak célként (az URL-t maga), ne a megjelenített szövegként tartsa meg.
Tudni szeretné, hogy a dokumentumaiban mely linkek nem egyértelműek?
Eszközünk azonosítja az általános linkeket és a nyers URL-eket, amelyeket linkszövegként használnak a webhelyén található minden PDF-dokumentumban.
Ingyen átvizsgálja webhelyét ←