Linkteksten zijn betekenisvol

verplicht

Niet alleen voor blinden. Paragrafen verwisselen. Geen uitzondering voor nieuwsberichten 'lees verder' meer. Voorbeeld 'goed' moet weg. 'beter' wordt goed. Dode link aanpassen. Aandachtspunten die ook in het basislabel zitten verwijderen. Linken naar basisijkpunt

Blinden overlopen de hyperlinks op een webpagina met de tabtoets. Hulpprogramma's kunnen ook automatisch een lijst samenstellen met alle links die op een pagina voorkomen. Zo'n linklijst kan het navigeren aanzienlijk versnellen: als u blind bent, kan u een pagina immers niet diagonaal lezen of met de ogen 'scannen'.

De context (de omliggende tekst) waarin links voorkomen, is evenwel niet beschikbaar voor wie op deze manier surft. Daarom moeten linkteksten betekenisvol of informatiedragend zijn; ze moeten ondubbelzinnig weergeven wat de bestemming van de link is.

Andere voordelen

Uit usability-onderzoek blijkt dat ook andere internetgebruikers meer aandacht besteden aan linkteksten dan aan de overige tekst op een webpagina. Daarnaast hebben ze een gunstige invloed op de manier waarop zoekmachines de website indexeren.

Voorbeelden

Niet goed

Klik hier voor informatie over ons
congres over webtoegankelijkheid op 30 april.

Klik hier voor informatie over ons
congres over webtoegankelijkheid op 30 april.

Klik hier voor informatie over ons
congres over webtoegankelijkheid op 30 april.

Deze linkteksten zijn ook niet informatiedragend:

• Lees meer
• Volledig bericht
• Download document
• Klik hier
• Openen

Goed

Klik hier voor informatie over ons congres
over webtoegankelijkheid op 30 april.

Beter

Het is niet verplicht, maar het staat netter om de constructie 'Klik hier voor...' weg te laten. Dat voorkomt bovendien verwarring: 'Klik hier' is immers niet (meer) aanklikbaar in bovenstaand voorbeeld.

Op 30 april organiseren we een
congres over webtoegankelijkheid.

Andere aandachtspunten

• Bij een grafische link zit de linktekst in het alt-attribuut. Hier beschrijft de alt-tekst dus het doel van de link en niet hoe de afbeelding er uit ziet.
• Idem voor client side image maps: elk area-element heeft een alt-tekst nodig dat het doel van de link specifieert.
• Een betekenisvolle linktekst hoeft niet te starten met 'ga naar' of 'klik hier om'. Visueel moet het immers al duidelijk zijn dat het om een link gaat en ook een screenreader kondigt links zelf aan.
• Met behulp van CSS is het mogelijk om delen van linkteksten te verbergen als een pagina in een grafische browser wordt weergegeven. Screenreadergebruikers zullen toch de volledige linktekst kunnen lezen. Deze techniek is toegestaan, mits correct toegepast.
• Een title-attribuut bij de hyperlink kan helpen om het doel van de link te verduidelijken. Het maakt betekenisvolle linkteksten echter niet overbodig omdat niet alle browsers en hulpprogramma's de inhoud van title-attributen kunnen lezen.
• Hyperlinks die op het scherm niet zichtbaar zijn, zijn dat soms wel voor screenreadergebruikers. Meestal gaat het om verwijderde hyperlinks waarvan een restant is achtergebleven in de broncode. Een screenreader zal zulke links aankondigen als 'onbenoemd', en dat is verwarrend. Verwijder linkresten daarom altijd uit de broncode.

Voorbeeld (niet goed)