TOEGANKELIJKHEID ≠ OVERLAY · 37
Toegankelijke links: weten waar je naartoe gaat voordat je klikt
📅 10 november 2026 · ⏱ 7 min leestijd
Een link moet een keuze ondersteunen in plaats van tot gokken te dwingen. Tekst, context en gedrag bepalen of iemand kan navigeren met een schermlezer, toetsenbord, spraakbediening of vergroting.
01. Wanneer iedere bestemming “hier” heet
Stel je een dienstenpagina voor met acht links die “meer informatie” heten. Wie de volledige pagina ziet, koppelt elke link misschien aan de omringende kaart. Iemand die naar een lijst met links luistert, kan echter acht identieke namen horen. Die persoon moet terug naar de inhoud, elk blok opzoeken en de relatie met de bestemming reconstrueren. Een eenvoudige handeling wordt onnodig zoekwerk.
Dit raakt meer mensen dan alleen blinde bezoekers. Bij vergroting is misschien slechts een deel van de kaart zichtbaar; toetsenbordgebruikers moeten bij iedere stop beslissen of die relevant is. Een beschrijvende link vermindert de inspanning al vóór activering. De zinvolle vraag is wat iemand kan verwachten op basis van de werkelijk beschikbare informatie, niet van de complete compositie die de ontwerper kent.
02. Beschrijf het doel in plaats van een lege opdracht
“Bekijk de openingstijden” maakt de bestemming duidelijker dan “klik hier”. “Download de inschrijfgids” vertelt meer dan “download”. Een link hoeft geen eindeloze zin te worden: kies woorden die de bron onderscheiden en herhaal niet de hele alinea. Beknoptheid werkt zolang de informatie voor de keuze behouden blijft.
De tekst moet passen bij de bestemming. Als “Tarieven van de dienst” een commerciële homepage zonder tarieven opent, helpt de naam niet om de taak af te ronden. Controleer links na documentwijzigingen en een nieuwe pagina-indeling. Een eerder correcte naam kan misleidend worden terwijl de URL gewoon blijft werken. Redactionele precisie hoort bij toegankelijkheid en dagelijks onderhoud. Werk labels bij wanneer de beschreven bronnen veranderen.
03. Geldige context en begrip zonder context
WCAG 2.2 maakt onderscheid tussen het linkdoel begrijpen binnen de context en de strengere eis om dit alleen uit de naam te begrijpen. Criterium 2.4.4 op niveau A staat linktekst samen met door software te bepalen context toe. Een gekoppelde alinea, een lijstitem of een tabelcel kan relevante informatie geven.
“Lees meer” is dus niet automatisch in iedere situatie een overtreding. Onderzoek de werkelijke relatie, niet alleen visuele nabijheid. Ook wanneer de context aan het criterium voldoet, maakt een specifieke naam linklijsten en snel verkennen vaak makkelijker. Scheid de conformiteitsbeoordeling van de keuze voor een duidelijkere ervaring. Maak van een nuttige aanbeveling geen verzonnen regel en neem niet aan dat een fraai vormgegeven kaart een programmatische relatie bewijst.
04. Zichtbare en uitgesproken namen moeten overeenkomen
De toegankelijke naam kan afkomstig zijn van tekst, een afbeelding of bijvoorbeeld aria-label. Als het zichtbare label “Contact” zegt maar de toegankelijke naam volledig anders is, kan iemand met spraakbediening moeite hebben de link te activeren door uit te spreken wat zichtbaar is. Criterium 2.5.3 verlangt waar toepasselijk dat de naam de tekst van het zichtbare label bevat.
De eerste keuze is meestal de zichtbare tekst voor iedereen verbeteren. Voeg niet overal lange verborgen beschrijvingen toe zonder de uiteindelijke naam te bekijken. Ook het title-attribuut hoort niet de enige plek te zijn waar de bestemming wordt uitgelegd: de toegang verschilt tussen apparaten. Controleer de berekende naam en beluister de aankondiging in de echte interface, inclusief herhalingen en onverwachte woorden.
05. Een gelinkte afbeelding heeft ook een doel
Als een afbeelding de enige inhoud van een link is, moet het tekstalternatief de functie van die link overbrengen. Bij een logo naar de homepage is de navigatie belangrijk, niet een beschrijving van elke lijn in de tekening. Een gelinkt vergrootglas mag niet simpelweg een bestandsnaam zoals “icoon-definitief-2.svg” als naam krijgen.
Wanneer afbeelding en tekst samen één link vormen en de tekst het doel al beschrijft, kan een decoratieve afbeelding een leeg tekstalternatief hebben om herhaling te vermijden. Controleer ook kaarten met een afbeelding, titel en knop naar dezelfde bron. Meerdere opeenvolgende links kunnen overbodige stops opleveren. Zoek een samenhangende oplossing zonder links te nesten of een hele container zijn semantiek en ingebouwde interactie te ontnemen.
06. Links en knoppen doen verschillend werk
Een link leidt naar een bron of locatie. Een knop voert een actie uit, zoals een paneel openen of een formulier verzenden. Ze kunnen er hetzelfde uitzien, maar gedrag en verwachtingen verschillen. Gebruik ingebouwde elementen die bij de functie passen. Een link zonder echte bestemming is geen algemene oplossing voor iedere bediening.
Vervang die basis niet door een div met een klikgebeurtenis en een geïmproviseerde rol. Dan moeten ook focus, toetsenbordactivering en ander gedrag van het oorspronkelijke element worden nagebouwd. Controleer dat links werken met Enter en knoppen reageren volgens hun verwachte interactie. De techniek moet de taak ondersteunen, niet bezoekers bij ieder component nieuw gedrag laten ontdekken. Een uniforme vormgeving betekent niet dat al deze functies ook identiek moeten worden gecodeerd.
07. Voorspelbare downloads en contextwisselingen
Wanneer een link naar een document leidt, benoem het onderwerp duidelijk. Formaat en, waar nuttig, bestandsgrootte helpen beslissen of openen op een telefoon of beperkte verbinding verstandig is. “Inschrijfgids, PDF” geeft meer informatie dan een lange URL of onverklaard pictogram. De bezoeker heeft deze informatie nodig voordat de keuze wordt gemaakt.
Open nieuwe tabbladen niet uit gewoonte. Is daar een reden voor, dan helpt een waarschuwing om de oriëntatie te behouden. Onderscheid die goede praktijk van de bewering dat ieder nieuw tabblad automatisch WCAG schendt. Een duidelijke naam maakt het doelbestand evenmin toegankelijk. Een PDF zonder structuur blijft drempels geven. Beoordeel het hele traject vanaf de keuze tot het raadplegen van de inhoud.
08. Zichtbaarheid, focus en ruimte om te activeren
Links in alinea’s moeten herkenbaar zijn zonder uitsluitend op kleur te vertrouwen; onderstrepen is vaak een duidelijke, stabiele oplossing. Controleer contrast en voorkom dat bezochte of gefocuste toestanden de tekst onleesbaar maken. De interactie moet al herkenbaar zijn voordat de muis eroverheen beweegt.
Doorloop links met Tab en Shift+Tab. De focusindicator moet zichtbaar zijn, en een component dat focus ontvangt mag niet volledig worden bedekt door inhoud die de website zelf heeft gemaakt; WCAG 2.2 behandelt dat laatste in 2.4.11. Controleer ook tussenruimte en toepasselijke eisen voor doelgrootte, met hun uitzonderingen. Een groter klikgebied mag geen overlap veroorzaken waardoor per ongeluk een andere bestemming wordt geactiveerd.
09. Test de keuze voordat je de klik test
Kies een echte taak: openingstijden vinden of contact met ondersteuning bereiken. Lees de linknamen zonder iets te activeren en noteer de verwachte bestemming. Volg daarna de route en vergelijk verwachting en resultaat. Herhaal dit waar passend met een schermlezer, linklijst, toetsenbord en vergroting.
Automatische hulpmiddelen vinden bepaalde ontbrekende namen of contrastproblemen, maar bepalen niet of “meer informatie” de juiste bron belooft of een vertaling dezelfde betekenis heeft. Documenteer onduidelijkheid met locatie, uitgesproken naam en verwachte bestemming. Beoordeel niet de hele website op basis van één link. Menu’s, kaarten, voetteksten en redactionele inhoud komen vaak uit verschillende componenten en publicatiekeuzes. Ze moeten daarom ook in hun eigen gebruikscontext worden beoordeeld.
10. Herstel de bron en behoud duidelijkheid
Controleer in WordPress en Divi zowel de tekst in de editor als de uiteindelijke HTML en toegankelijke naam. Herstel het gedeelde onderdeel wanneer veel kaarten hetzelfde probleem herhalen. Vertaal namen en controleer de taal van bestemmingen. Een Nederlands label helpt weinig als de bron onverwacht van taal verandert.
Een overlay kent niet zelfstandig de redactionele bedoeling van iedere link en garandeert niet dat een algemene naam de juiste bron beschrijft. Visuele instellingen kunnen aanvullend helpen, maar vervangen die beslissing niet. Voeg een eenvoudige vraag toe aan de controle: kan iemand vóór activering een geïnformeerde keuze maken? Toegankelijkheid verbetert wanneer mensen weten waar ze naartoe gaan, de verwachte inhoud bereiken en zelfstandig kunnen doorgaan.