Robust
Semantische HTML
Gebruik HTML-elementen voor hun bedoelde doel: <button> voor acties, <a> voor navigatie, <nav> voor navigatiesecties, <main> voor hoofdinhoud. Semantische HTML is de basis van webtoegankelijkheid.
In gewone taal
Gebruik de juiste bouwsteen voor deze taak — een echte knop, geen aanklikbaar vakje. De browser zorgt dan automatisch voor de toegankelijkheid.
Waarom dit belangrijk is
Het juiste native-element biedt u standaard ondersteuning voor toetsenbordbediening, focus en functies voor schermlezers. Het opnieuw bouwen van een knop vanuit een
betekent dat u dat allemaal met de hand opnieuw moet maken — en de meeste teams laten daarbij onderdelen weg.
Hoe te detecteren
Snelle controle
Zoek naar klikbare <div>/-<span>elementen, nepknoppen en <div> navigatie-elementen. Elk element moet een echte <button>, <a>, of <nav>. Controleer of de toegankelijkheidsboom de juiste rollen weergeeft.</nav></a></button></div></span></div>