Zoekformulier
Toegankelijke naam van links op een website
Over toegankelijke naam
De toegankelijke naam is de naam van een bedieningselement. Deze naam wordt door hulptechnologieën, bijvoorbeeld een schermlezer, gebruikt om het bedieningselement te presenteren. Alle bedieningselementen moeten een toegankelijke naam hebben.
Er zijn verschillende manieren om een toegankelijke naam toe te voegen. Bijvoorbeeld met de inhoud van het element, een attribuut van het element of een koppeling met een ander element. De verschillende manieren volgen een bepaalde hiërarchie. Browsers gebruiken deze hiërarchie om de toegankelijke naam te bepalen.
De zichtbare tekst van een bedieningselement moet (minimaal) volledig voorkomen in de toegankelijke naam. Zet deze tekst aan het begin van de toegankelijke naam.
Link toevoegen met een <a>-element
Een link wordt geplaatst met het <a>-element. Het belangrijkste onderdeel van het <a>-element is het href-attribuut. In dit attribuut staat het doel van de link.
In de code ziet dat er zo uit:
Toegankelijke naam van een <a>-element
Het <a>-element krijgt standaard een toegankelijke naam door de inhoud van het element. Deze inhoud kan eventueel worden overschreven met elementen die hoger in de hiërarchie staan. Pas hier wel mee op.
De hiërarchie van de toegankelijke naam voor een <a>-element is als volgt:
aria-labelledby-attribuutaria-label-attribuut- de inhoud van het
<a>-element title-attribuut
Let op: Gebruik het title-attribuut liever niet om een toegankelijke naam toe te voegen aan een bedieningselement.
Zie ook
- WCAG: 2.5.3 Label in naam
- WCAG: 4.1.2 Naam, rol, waarde
- Categorie: Navigatie
- Categorie: Tekst
- Medium: Website
- Functiegroep: Ontwikkelaar of tester