Skip to main content
Robust

Toegankelijkheidsboom

De parallelle DOM die hulptechnologie leest. Als een element niet in de toegankelijkheidsboom staat, bestaat het niet voor schermlezersgebruikers. Inspecteer via DevTools → tabblad Toegankelijkheid.

In gewone taal

De achtergrondversie van uw pagina die door schermlezers daadwerkelijk wordt voorgelezen. Als iets daarin ontbreekt, kunnen blinde gebruikers er geen toegang toe krijgen.

DOM vs. Accessibility Tree
<nav>
<a href="/">Home</a>
<div class="btn" onclick="toggle()">Menu</div>
</nav>
Semantic elements get proper roles. Divs with handlers don't.

Waarom dit belangrijk is

De toegankelijkheidsstructuur is precies wat een schermlezer aan de gebruiker doorgeeft. Alles wat daarin ontbreekt — een besturingselement dat door weergavetrucs wordt verborgen, een element zonder label — bestaat voor hen simpelweg niet.

Hoe te detecteren

Snelle controle

Open DevTools → Toegankelijkheid en controleer de toetsbedieningselementen. Worden deze weergegeven met de juiste rol, naam en status? Elementen zonder toegankelijke naam of met een verkeerde rol zijn de rode vlaggen.