Zorg ervoor dat je linkteksten schrijft die alleen duidelijk aangeven waar de links naartoe leiden.

Een link waar de bezoeker op kan klikken moet begrijpelijk zijn, nog voordat hij erop klikt. Het moet mogelijk zijn om duidelijk te begrijpen waar de link naar verwijst, zelfs zonder een context. "Klik hier" of "Meer informatie" is niet expliciet genoeg wanneer je de tekst of de visuele presentatie eromheen niet kunt zien.

De doelstellingen:

  • Om bezoekers met een visuele beperking in staat te stellen de site effectiever te gebruiken.
  • Om te voorkomen dat andere bezoekers de links volgen die ze niet interessant vinden (omdat de linktekst hen al laat zien waar de link naartoe leidt).
  • Maak de zichtbaarheid die ze brengen in zoekmachines.

Hoe pas je dit toe?

Als je een linktekst kunt lezen en weet waar deze je naartoe brengt, is het een goede link.

Als de opmaak van de pagina of andere omstandigheden het niet mogelijk maken om een duidelijke linktekst te schrijven, zijn er nog enkele andere opties:

  • Zorg dat het doel van de link duidelijk wordt uit de tekst die direct vóór de link staat, dus in hetzelfde HTML-element. Bijvoorbeeld in dezelfde zin of in dezelfde bullet van een opsomming.
  • Gebruik CSS om een deel van de linktekst te verbergen.
  • Gebruik ARIA-attributen om het linkdoel te beschrijven.

Voorbeeld

Duidelijke linktekst

Dit is een linktekst die niet duidelijk is:

<a href="toegang.html">Lees verder</a>

Dit is een linktekst die wel duidelijk is:

<a href="toegang.html">Lees verder over toegankelijkheid</a>

Opmerking: Met CSS een deel van de linktekst verbergen

Deze methode houdt in dat je een volledige, duidelijke linktekst schrijft en vervolgens een gedeelte daarvan met CSS verbergt. Visueel is de link dan korter, maar in de broncode staat wel de hele tekst. Bezoekers die voorleessoftware gebruiken horen wel de hele linktekst.

In het onderstaande voorbeeld is alleen de tekst ‘Lees verder’ te zien. De tekst ‘over toegankelijkheid’ wordt verborgen, maar staat wel in de broncode.

<a href="toegang.html">Lees verder <span class="verborgen"> over toegankelijkheid</span></a>

Voor redacteurs

De redacteur is verantwoordelijk voor het schrijven van duidelijke linkteksten.