Wat zijn ARIA-labels?

ARIA-labels (Accessible Rich Internet Applications) zijn attributen die je kunt toevoegen aan HTML-elementen om de toegankelijkheid van een website te verbeteren, vooral voor mensen met een beperking die gebruik maken van schermlezers of andere hulpmiddelen. ARIA-labels bieden extra informatie over de functionaliteit of betekenis van elementen op een pagina, zodat ze beter begrepen worden door gebruikers met een visuele of cognitieve beperking.

Een ARIA-label kan bijvoorbeeld worden gebruikt om een knop of link te beschrijven die anders misschien niet duidelijk is, zoals een pictogram zonder tekst. Het label wordt toegevoegd met het aria-label attribuut.

Bijvoorbeeld:

In dit voorbeeld vertelt het aria-label="Zoekknop" de schermlezer dat de knop bedoeld is om te zoeken, ook al bevat de knop zelf alleen een zoekpictogram. ARIA-labels verbeteren de gebruikerservaring voor mensen die afhankelijk zijn van hulpmiddelen, omdat ze meer context en beschrijvingen bieden.