Kép leírása: Két ember digitális illusztrációja, akik egy asztalnál közös munkát végeznek, körülöttük különböző digitális link ikonok és kommunikációs szimbólumok láthatók.
A hozzáférhető linkek írásának legjobb gyakorlata
Olvasási idő: 5 perc
A hozzáférhető linkek javítják a webes hozzáférhetőséget, mivel minden felhasználó számára egyértelműek, tömörek és informatívak. A webes tartalom hozzáférhetőségi irányelveinek (WCAG), az európai hozzáférhetőségi törvénynek (EAA) és az amerikai fogyatékossággal élők törvényének (ADA) megfelelően a tartalmas és leíró link szövegek biztosítása kulcsfontosságú a webes tartalom hozzáférhetőségének biztosításában. Ezek a szabványok hangsúlyozzák annak szükségességét, hogy olyan linkeket hozzunk létre, amelyek önmagukban is könnyen érthetőek, és zökkenőmentes böngészési élményt nyújtanak a felhasználóknak. Az akadálymentes linknek akkor is érthetőnek kell lennie, ha kontextusból kiragadva olvassák, különösen a képernyőolvasó felhasználók számára.
Az alábbiakban 16 bevált gyakorlatot találsz a link szövegének megírásához, amelyek garantálják, hogy minden link intuitív módon legyen megtervezve, hogy megkönnyítse a navigációt és a megértést:
- Tesztelje a színkontrasztot. A link szöveg és a háttér közötti nagy kontraszt biztosítja, hogy a felhasználók, beleértve a látássérülteket is, könnyen azonosíthassák és használhassák a linkeket.
- Távolítsa el a hibás vagy üres linkeket. A működő linkek elengedhetetlenek a használhatóság szempontjából. A hibás vagy üres linkek frusztrálják a felhasználókat, különösen azokat, akik segítő technológiákra támaszkodnak, mivel zsákutcába vezetnek.
- Soha ne használjon URL-t link szövegként. A hosszú , nem leíró URL-ek nem nyújtanak hasznos kontextust, ami megnehezíti a felhasználók, különösen a képernyőolvasókat használók számára a link céljának megértését.
- Kerülje az URL-ek link szövegként való használatát. A leíró link szöveg segít minden felhasználónak megérteni a link célját, javítva az érthetőséget és a webes hozzáférhetőséget a képernyőolvasók számára.
- Új ablakok megnyitásakor mindig figyelmeztesse a felhasználót. A váratlan viselkedés, például a linkek új ablakokban vagy lapokban való megnyitása, megzavarhatja a felhasználókat, ha ez nincs egyértelműen jelölve a link szövegében.
- A tervezés során vegye figyelembe a kizárólag billentyűzetet használó felhasználókat. A kizárólag billentyűzet segítségével történő navigáció elengedhetetlen a fizikai fogyatékossággal élő felhasználók számára. Az összes link és interaktív elem billentyűzettel történő elérhetőségének biztosítása javítja az inkluzivitást.
- Legyen óvatos, amikor képeket használ linkként. A linkként használt képeknek leíró alternatív szöveget kell tartalmazniuk, hogy a látássérült felhasználók is megértsék, hová vezet a link.
- A linkek aláhúzásának fontossága. A linkek aláhúzása az egyik legmegbízhatóbb és legelterjedtebb módszer a kattintható szöveg jelölésére, különösen azok számára, akiknek nehézséget okoz a színek megkülönböztetése.
- A link szövegét tartsa rövidnek. A világos , rövid link szöveg javítja a felhasználói élményt, mivel csökkenti a kognitív terhelést és megkönnyíti a képernyőolvasók számára a link céljának értelmezését.
- Ne linkelj közvetlenül a letöltésekre. Mindig adj kontextust, amikor letölthető fájlra linkelsz, hogy megakadályozd a felhasználókat abban, hogy véletlenül olyan tartalmat töltsenek le, amire nem számítottak.
- Korlátozza az oldalon található szöveges linkek számát. A túl sok linkkel való túlterhelés zavarhatja a navigációt és megnehezítheti az oldal használatát, különösen a képernyőolvasó felhasználók számára.
- Legyen óvatos az anchor linkek használatakor. Az anchor linkeket csak ritkán és egyértelmű utasításokkal szabad használni, hogy ne zavarják a felhasználó élményét az oldalon.
- Ne használja a „link” szót a linkjeiben. Ez a kifejezés felesleges a link szövegében, és elhagyásával tisztább és tömörebb szerkezetet érhet el.
- Kerülje az ASCII karakterek használatát. Az ASCII karakterek megzavarhatják a képernyőolvasókat vagy a jelentésükkel nem ismerős felhasználókat, csökkentve ezzel a linkek érthetőségét.
- Ne írja nagybetűvel a linkeket. A link szövegében a nagybetűk elkerülése biztosítja a jobb olvashatóságot és érthetőséget, különösen a képernyőolvasók számára.
- Figyeljen a paginációra és az ábécé sorrendben rendezett linkekre. Bár ezek bizonyos típusú tartalmak esetében fontosak, prioritásuk alacsonyabb, mivel hatása inkább a webhely típusától függ.
ARIA címkék és hozzáférhető link szövegek
Az akadálymentes linkek tervezésekor minden felhasználó számára egyértelműen közölni kell a link célját. Az ARIA (Accessible Rich Internet Applications) címkék értékes eszközök a webes tartalmak akadálymentességének javításához, különösen akkor, ha a natív HTML-elemek nem közlik teljes mértékben az interaktív elem célját vagy funkcióját. Az ARIA-címkék a HTML-címkékbe beillesztett attribútumok, amelyek további kontextust nyújtanak a képernyőolvasóknak, segítve a látássérült felhasználókat a weboldalak könnyebb navigálásában. Helytelen használat esetén az ARIA címkék zavart okozhatnak vagy webes akadálymentességi problémákat eredményezhetnek, mivel nem tükrözik pontosan a link vagy elem szándékolt funkcióját. Az ARIA címkéknek mindig kiegészíteniük kell a meglévő tartalmat, nem pedig helyettesíteniük, és úgy kell alkalmazni őket, hogy ne zavarják más akadálymentességi szabványokat. A linkekben az ARIA címkék tisztázzák a célt, amikor a standard link szöveg túl rövid vagy hiányzik belőle a kontextus. Például, ha egy link látható szövege „Tovább”, akkor hozzáadható egy ARIA címke, amely tisztázza, hogy a felhasználó milyen tartalomra kerül, például „További információk az akadálymentes webdesignról”.
Íme néhány gyakorlati tipp az akadálymentes ARIA címkék létrehozásához
- Mielőtt ARIA címkéket használna, győződjön meg arról, hogy megfelelő szemantikai HTML elemeket használ. A szemantikai HTML alapvetően hozzáférhető, ezért mindig ez legyen az első választása. A linkeket, gombokat és címsorokat a megfelelő HTML címkékkel kell kódolni, hogy azok automatikusan közvetítsék szerepüket és céljukat.
- Az ARIA címkéknek egyértelműnek kell lenniük, de rövidnek kell maradniuk. A túl bonyolult vagy hosszú címkék megterhelhetik a felhasználókat, vagy lassíthatják a navigációt azok számára, akik képernyőolvasókat használnak. Például ahelyett, hogy egy gombot túlzottan részletes címkével látnánk el, mint például „Gomb a webes akadálymentesség javítására vonatkozó visszajelzés beküldéséhez”, célszerűbb egy rövidebb ARIA címke, például „Visszajelzés beküldése”.
- Elsődleges célodnak az kell lennie, hogy lehetőség szerint mindig értelmes link szöveget használj. Az ARIA címkék a link szövegét kiegészítik, nem pedig helyettesítik. Ha a link szövege önmagában is érthető, akkor az ARIA címke nem feltétlenül szükséges. Azonban olyan esetekben, amikor további pontosításra van szükség – például olyan linkeknél, amelyek szövege többértelmű lehet –, az ARIA címkék további részleteket nyújthatnak, javítva ezzel az oldal általános hozzáférhetőségét. Az ARIA címkék használata javítja a hozzáférhető linkek érthetőségét anélkül, hogy túlterhelné a vizuális felületet.
Amikor ezeket az elveket beépíti webes tartalmába, ne feledje, hogy minden link egy ígéret a felhasználó számára – relevancia, információ és érték ígérete. Amikor prioritásként kezeli a hozzáférhető link szövegeket, nem csak a felhasználói élményt javítja, hanem hidakat épít a digitális szakadék felett, és a webet mindenki számára barátságos térré teszi.
Hagyja, hogy linkjei történetet meséljenek, útmutatást nyújtsanak, és egyértelmű utat mutassanak az információkhoz. Tegye lehetővé minden látogató számára, hogy magabiztosan navigáljon, és biztos lehessen abban, hogy az Ön webhelyén ugyanolyan teljes és gazdag élményben részesül, mint bármely más webhelyen. Ez a valódi akadálymentesség lényege: zökkenőmentes, intuitív és tiszteletteljes párbeszéd minden felhasználóval.
További információk az általunk kínált európai akadálymentességi törvény szolgáltatásokról.
Az EAA2025. június 28-tól hatályos.
