Afbeeldingsbeschrijving: Een digitale illustratie van twee mensen die samenwerken aan een bureau, omringd door verschillende digitale linkpictogrammen en communicatiesymbolen.
Best practices voor het schrijven van toegankelijke links
Leestijd: 5 minuten
Een toegankelijke link verbetert de toegankelijkheid van websites door ervoor te zorgen dat deze duidelijk, beknopt en informatief is voor alle gebruikers. In overeenstemming met de Web Content Accessibility Guidelines (WCAG), de European Accessibility Act (EAA) en de Americans with Disabilities Act (ADA) is het verstrekken van zinvolle en beschrijvende linktekst een belangrijk aspect van het toegankelijk maken van webcontent. Deze normen benadrukken de noodzaak om links te creëren die op zichzelf gemakkelijk te begrijpen zijn, waardoor gebruikers een naadloze browse-ervaring krijgen. Een toegankelijke link moet begrijpelijk zijn, zelfs wanneer deze buiten de context wordt gelezen, met name door gebruikers van schermlezers.
Hieronder vindt u 16 best practices voor het schrijven van linktekst, zodat elke link intuïtief is ontworpen voor moeiteloze navigatie en begrip:
- Test uw kleurcontrast. Een hoog contrast tussen de linktekst en de achtergrond zorgt ervoor dat gebruikers, ook gebruikers met een visuele beperking, links gemakkelijk kunnen herkennen en gebruiken.
- Verwijder gebroken of lege links. Functionele links zijn cruciaal voor de bruikbaarheid. Gebroken of lege links frustreren gebruikers, vooral degenen die afhankelijk zijn van ondersteunende technologieën, omdat ze tot doodlopende wegen leiden.
- Gebruik nooit een URL als linktekst. Lange , niet-beschrijvende URL's bieden geen bruikbare context, waardoor het voor gebruikers, met name gebruikers van schermlezers, moeilijk is om te begrijpen waar de link naartoe leidt.
- Vermijd het gebruik van URL's als linktekst. Beschrijvende linktekst helpt alle gebruikers het doel van de link te begrijpen, waardoor de duidelijkheid en de toegankelijkheid van de website voor schermlezers wordt verbeterd.
- Waarschuw de gebruiker altijd wanneer er nieuwe vensters worden geopend. Onverwacht gedrag, zoals links die in nieuwe vensters of tabbladen worden geopend, kan gebruikers in verwarring brengen, tenzij dit duidelijk wordt aangegeven in de linktekst.
- Ontwerp met gebruikers die alleen een toetsenbord gebruiken in gedachten. Navigatie met alleen een toetsenbord is cruciaal voor gebruikers met een lichamelijke beperking. Door ervoor te zorgen dat alle links en interactieve elementen toegankelijk zijn via het toetsenbord, wordt de inclusiviteit verbeterd.
- Wees voorzichtig bij het gebruik van afbeeldingen als links. Afbeeldingen die als links worden gebruikt, moeten beschrijvende alt-tekst bevatten, zodat visueel gehandicapte gebruikers kunnen begrijpen waar de link naartoe leidt.
- Het belang van het onderstrepen van links. Het onderstrepen van links is een van de meest betrouwbare en universele manieren om aan te geven dat tekst aanklikbaar is, vooral voor gebruikers die moeite hebben met het onderscheiden van kleuren.
- Houd de linktekst beknopt. Duidelijke , beknopte linktekst verbetert de gebruikerservaring door de cognitieve belasting te verminderen en het voor schermlezers gemakkelijker te maken om het doel van de link te interpreteren.
- Link niet rechtstreeks naar downloads. Geef altijd context wanneer u naar een downloadbaar bestand linkt, om te voorkomen dat gebruikers onbedoeld inhoud downloaden die ze niet verwachtten.
- Beperk het aantal tekstlinks op een pagina. Als je gebruikers overspoelt met te veel links, kan dat de navigatie verstoren en de pagina moeilijk te gebruiken maken, vooral voor mensen die een schermlezer gebruiken.
- Wees voorzichtig bij het gebruik van ankerlinks. Ankerlinks moeten spaarzaam worden gebruikt en voorzien zijn van duidelijke instructies om te voorkomen dat de gebruikerservaring op de pagina wordt verstoord.
- Gebruik het woord 'link' niet in uw links. Deze term is overbodig in de linktekst en door deze weg te laten, blijft de structuur overzichtelijk en beknopt.
- Vermijd ASCII-tekens. ASCII-tekens kunnen schermlezers of gebruikers die niet bekend zijn met hun betekenis in verwarring brengen, waardoor de duidelijkheid van uw links afneemt.
- Gebruik geen hoofdletters in links. Door hoofdletters in linktekst te vermijden , zorg je voor een betere leesbaarheid en begrijpelijkheid, vooral voor schermlezers.
- Houd rekening met paginering en alfabetische links. Hoewel dit belangrijk is voor bepaalde soorten content, heeft het een lagere prioriteit omdat het effect ervan meer afhankelijk is van de situatie en het type website.
ARIA-labels en toegankelijke linktekst
Bij het ontwerpen van een toegankelijke link moet het doel duidelijk worden gecommuniceerd naar elke gebruiker. ARIA-labels (Accessible Rich Internet Applications) zijn een waardevol hulpmiddel om de toegankelijkheid van webcontent te verbeteren, vooral wanneer native HTML-elementen het doel of de functie van een interactief element niet volledig communiceren. ARIA-labels zijn attributen die worden toegevoegd binnen HTML-tags en die extra context bieden aan schermlezers, waardoor gebruikers met een visuele beperking gemakkelijker door een website kunnen navigeren. Bij onjuist gebruik kunnen ARIA-labels verwarring veroorzaken of problemen met de toegankelijkheid van het web veroorzaken, omdat ze mogelijk niet nauwkeurig de beoogde functie van een link of element weergeven. ARIA-labels moeten altijd een aanvulling zijn op de bestaande inhoud en deze niet vervangen, en ze moeten worden toegepast op een manier die andere toegankelijkheidsnormen niet in de weg staat. In links verduidelijken ARIA-labels het doel wanneer standaardlinktekst te kort is of context mist. Als de zichtbare tekst van een link bijvoorbeeld 'Lees meer' is, kan een ARIA-label worden toegevoegd om te verduidelijken naar welke inhoud de gebruiker wordt geleid, zoals 'Lees meer over toegankelijk webdesign'.
Hier zijn enkele praktische tips voor het maken van toegankelijke ARIA-labels
- Voordat u ARIA-labels gebruikt, moet u ervoor zorgen dat u de juiste semantische HTML-elementen gebruikt. Semantische HTML is inherent toegankelijk en moet altijd uw eerste keuze zijn. Links, knoppen en koppen moeten worden gecodeerd met behulp van hun respectievelijke HTML-tags om automatisch hun rol en doel over te brengen.
- ARIA-labels moeten duidelijkheid bieden, maar kort blijven. Te complexe of lange labels kunnen gebruikers overweldigen of de navigatie vertragen voor mensen die schermlezers gebruiken. In plaats van een knop te labelen met overbodige details zoals 'Knop om het feedbackformulier voor verbeteringen aan de toegankelijkheid van de website in te dienen', verdient een beknopter ARIA-label zoals 'Feedback indienen' de voorkeur.
- Uw primaire doel moet zijn om waar mogelijk zinvolle linktekst te gebruiken. ARIA-labels zijn bedoeld als aanvulling op, niet als vervanging van, linktekst. Als een linktekst op zichzelf kan staan, is een ARIA-label wellicht niet nodig. In gevallen waarin echter verdere verduidelijking nodig is, bijvoorbeeld bij links waarvan de tekst dubbelzinnig kan zijn, kunnen ARIA-labels die extra details bieden om de algehele toegankelijkheid van de pagina te verbeteren. Het gebruik van ARIA-labels verbetert de duidelijkheid van een toegankelijke link zonder de visuele interface te overbelasten.
Wanneer u deze principes toepast op uw webcontent, moet u niet vergeten dat elke link een belofte is aan uw gebruiker – een belofte van relevantie, informatie en waarde. Wanneer u prioriteit geeft aan toegankelijke linktekst, verbetert u niet alleen de gebruikerservaring, maar bouwt u ook bruggen over de digitale kloof, waardoor het web een gastvrije ruimte wordt voor iedereen.
Laat uw links een verhaal vertellen, een reis begeleiden en een duidelijk pad naar informatie bieden. Zorg ervoor dat elke bezoeker met vertrouwen kan navigeren en de zekerheid heeft dat zijn ervaring op uw site net zo compleet en verrijkend is als elke andere. Dit is de kern van echte toegankelijkheid: een naadloze, intuïtieve en respectvolle dialoog met alle gebruikers.
Lees meer over de Europese toegankelijkheidswet Diensten die wij aanbieden.
EAA is van kracht sinds28 juni 2025.
