Succescriterium 2.4.4 Linkdoel (in context)
Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis kan hebben voor gebruikers in het algemeen.
Linkdoel (in context) begrijpen (Engelstalig)
Gebruikers moeten begrijpen wat een link doet of waar die naartoe gaat, voordat ze de link volgen. Dat kan door een duidelijke linktekst te schrijven, of door de context van de link te gebruiken om het duidelijk te maken.
Schermlezers kunnen een overzicht tonen van alle links op een pagina. In dit overzicht staan alle linkteksten, zonder de tekst eromheen. Staat er tien keer “lees meer”, dan is niet duidelijk welke link de juiste is. Hetzelfde geldt voor wie met de Tab-toets van link naar link gaat.
Een linktekst die op zichzelf al duidelijk is, werkt daarom het best. Bijvoorbeeld “lees meer over contrast” of “bekijk voorbeelden van tekstalternatieven”. Het is eventueel ook toegestaan dat de context het doel verduidelijkt.
Hoe pas je dit toe?
- Schrijf een linktekst die zegt wat de link doet of waar die naartoe gaat.
- Lukt dat niet? Zet de uitleg dan in dezelfde zin, alinea, lijstitem of tabelcel als de link. Zet de uitleg het liefst vóór de link.
- Gaan links met dezelfde linktekst naar verschillende plekken? Maak het verschil dan duidelijk in de linktekst of in die uitleg.
- Geef een afbeelding of icoon dat de enige inhoud van een link is een tekstalternatief dat het linkdoel beschrijft.
Context van een link
Context telt alleen mee als die in de code bij de link hoort:
- de zin of alinea waarin de link staat
- het lijstitem waarin de link staat
- het bovenliggende lijstitem, bij een geneste lijst
- de tabelcel waarin de link staat
- de tabelkoppen die bij die tabelcel horen
Je kunt de link ook zelf aanvullen:
- met tekst die visueel verborgen is
- met het
aria-describedby-attribuut - met het
title-attribuut
Lees het artikel over toegankelijke links
Voor wie is dit belangrijk?
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
- Mensen die een cognitieve, taal- of leerbeperking hebben.
Wie is verantwoordelijk?
Hoe toets je dit?
Uitzonderingen
Uitzonderingen zijn:
- links waarvan het doel voor gebruikers in het algemeen dubbelzinnig is
Testprocedure
Test 1: Linkteksten
- Inventariseer de pagina
- Bepaal welke links er zijn:
- Links met alleen tekst
- Links met een afbeelding en tekst
- Afbeeldingen die als link worden gebruikt
- Iconen die als link worden gebruikt
- Gebieden in een aanklikbare afbeeldingskaart (image map)
- Bepaal voor elke link de bestemming of het resultaat (bijvoorbeeld een pagina, een download of een e-mailprogramma)
- Bepaal welke links er zijn:
- Zoek in de code naar de toegankelijke naam (zie De toegankelijke naam bepalen) van elke link, ook van links die niet zichtbaar zijn (bijvoorbeeld een skiplink of een link die met CSS buiten het scherm staat), en controleer:
- Of de toegankelijke naam het doel van de link beschrijft
- Zoek in de code naar de door software bepaalde linkcontext en de toegankelijke beschrijving van elke link waarvan de toegankelijke naam op zichzelf het doel niet beschrijft (bijvoorbeeld een link met de naam “Lees meer”) en controleer of minstens één van de volgende waar is:
- Of de toegankelijke naam samen met de door software bepaalde linkcontext het doel van de link beschrijft
- Of de toegankelijke naam samen met de toegankelijke beschrijving het doel van de link beschrijft
- Zoek in de code naar links met dezelfde toegankelijke naam en een ander doel en controleer:
- Of de toegankelijke beschrijving of de door software bepaalde linkcontext het verschil in doel duidelijk maakt
Belangrijk om te weten
- Een link zonder toegankelijke naam is in deze beoordeling alleen een bevinding onder 4.1.2 Naam, rol, waarde.
- Bij een link naar een document is de naam van het document genoeg om het doel te beschrijven. Het bestandsformaat hoeft niet in de toegankelijke naam te staan. Toont een icoon het bestandsformaat, controleer dat icoon dan onder 1.1.1 Niet-tekstuele content.
Toegankelijke beschrijving en linkcontext
De door software bepaalde linkcontext is de tekst in:
- De zin waarin de link staat
- De alinea (
<p>) waarin de link staat - Het lijstitem (
<li>) waarin de link staat, en bij een geneste lijst het bovenliggende lijstitem - De tabelcel (
<td>) waarin de link staat, en de tabelkoppen (<th>) die bij die cel horen
De toegankelijke beschrijving komt uit:
- Het
aria-describedby-attribuut van de link - Het
title-attribuut van de link
Tekst in een andere alinea, een ander lijstitem of een andere tabelcel is geen linkcontext. Een kop is alleen linkcontext als die in hetzelfde lijstitem of dezelfde tabelcel staat.
Beoordeling
- Het doel van een link moet te bepalen zijn uit de toegankelijke naam, of uit de toegankelijke naam samen met de context die in de code bij de link hoort
- Voor alle links met een toegankelijke naam moet minstens één van de volgende zaken gelden:
- De toegankelijke naam beschrijft het doel van de link
- De toegankelijke naam samen met de door software bepaalde linkcontext beschrijft het doel van de link
- De toegankelijke naam samen met de toegankelijke beschrijving beschrijft het doel van de link