Passende ARIA-rollen voor elementen

Hoe herstel je onjuiste ARIA-rollen?

Gebruik een rol die is toegestaan voor het element, of gebruik het juiste semantische HTML-element:

<button role="article">Verzenden</button>

<button>Notificaties inschakelen</button>
<a href="/pagina">Ga naar pagina</a>

Raadpleeg de ARIA in HTML-specificatie voor de toegestane rollen per element. Gebruik bij voorkeur native HTML-elementen in plaats van ARIA-rollen toe te voegen.

Waarom is dit belangrijk?

Schermlezers gebruiken de rol om gebruikers te vertellen wat een element is. Een onjuiste rol geeft gebruikers verkeerde informatie over hoe ze met het element moeten omgaan. Dit kan delen van een pagina onbruikbaar maken voor mensen die afhankelijk zijn van hulptechnologie.