Wcag uitgelegd

"Lees meer"

"Lees meer" — WCAG 2.4.4 Linkdoel (in context) (post 1/14)

Lees meer. Lees meer. Lees meer. Lees meer. Lees meer.

Dat hoort een schermlezergebruiker die door de links op je pagina navigeert. Vijf links. Allemaal “Lees meer.” Geen idee waar ze naartoe gaan.

Dit is de meest voorkomende linkfout op het web. En de makkelijkste om te voorkomen.

Het probleem: de link staat onder een artikel, los van de tekst. Een schermlezer die door de links springt (VoiceOver: VO+U, NVDA: Insert+F7) ziet alleen de linktekst. Niet de kop erboven. Niet de alinea ernaast.

<!-- Niet doen: link zonder context -->
<p>We hebben een nieuw retourbeleid.</p>
<a href="/retourbeleid">Lees meer</a>

<!-- Wel doen: link in de tekst -->
<p>We hebben een nieuw <a href="/retourbeleid">retourbeleid</a>.
   Lees de volledige voorwaarden.</p>

Andere boosdoeners: “Klik hier”, “Meer info”, “Hier”, “Dit”, “Meer”.

De vuistregel: als je alle context van de pagina weghaalt en alleen de linktekst overhoudt, moet je nog steeds begrijpen waar de link naartoe gaat.

Open de linkslijst van je schermlezer. Hoeveel keer staat er “Lees meer”?

Related Posts

Elementen met een vaste breedte

Elementen met een vaste breedte

Je zoomt in tot 400%. De tekst wordt groter, de pagina smaller.

Informatief icoon dat onzichtbaar is

Informatief icoon dat onzichtbaar is

Drie streepjes. Een hamburgericoon. Dat is je menu. Tenminste, als je het kunt zien.

Kopniveaus

Kopniveaus

Stel je voor: je opent een boek en de inhoudsopgave gaat van hoofdstuk 1 direct naar paragraaf 3.2.