Role en aria
Ik ben me wat meer aan het verdiepeing in de role en aria-* attributen, maar ik kan nergens vinden wanneer je dit nou wel of juist niet gebruikt. Vaak zie ik dingen voorbij komen als:
Code (php)
1
2
3
4
2
3
4
<header role="banner"></header>
<nav role="navigation"></nav>
<main role="main"></main>
<footer role="contentinfo"></footer>
<nav role="navigation"></nav>
<main role="main"></main>
<footer role="contentinfo"></footer>
Maar op de website van W3C staat dat dit de default waardes zijn en je deze dus niet nog eens hoeft aan te geven. Waarom wordt dat dan wel vaak gedaan, en waarom juist bij deze 4 elementen?
Alvast bedankt!
Bijvoorbeeld:
Code (php)
1
<a href="#" class="btn btn-primary" role="button">Next</a>
In deze code gebruiken we een link element (<a>), maar het stelt een button voor. Door het de role "button" mee te geven zorgen we dat de parsers het als een button aanzien.
Dit is vooral belangrijk voor screen readers.
Hoewel bijna elk element al een standaard role krijgt, kan dit bij nieuwe elementen nog niet het geval zijn. De elementen die jij noemt zijn bijv. nieuwe HTML5 elementen. Het kan zijn dat de huidige screenreader deze elementen nog niet herkend en dus nog niet een standaard role geeft. Door ze expliciet te definiëren weet de screenreader de role dus wel. Over een paar jaar is dit dus niet meer nodig.