AI-agents
Accessibility tree
Ook wel: Toegankelijkheidsboom
De accessibility tree is de vereenvoudigde versie van een pagina die de browser maakt en die bewaart wat telt voor interactie: de rol, naam en status van elementen zoals knoppen, links en formuliervelden.
In gewone woorden
Schermlezers en andere hulpmiddelen gebruiken hem om een pagina aan mensen te beschrijven.
web.dev noemt hem de semantische samenvatting van de pagina, en zegt dat AI-agents hem gebruiken als kaart die de visuele ruis van CSS negeert.
Voorbeeld
In het fragment hieronder koppelt het for-attribuut het label aan het invoerveld. De accessibility tree weet dan dat dit veld „Email address” heet. Zonder die koppeling heeft het veld geen naam.
<label for="email">Email address</label>
<input id="email" type="email">Waarom het telt voor AI-zoeken
Google zegt dat browseragents de accessibility tree kunnen lezen om hun taken af te ronden.
Goede toegankelijkheid helpt nu dus ook AI-agents om je site te gebruiken.
Wat je kunt doen
- Gebruik semantische HTML-elementen zoals button, a, label, nav en main.
- Moet je een div als knop gebruiken, geef die dan role=“button” en een tabindex, zoals web.dev aanraadt.
- Geef afbeeldingen nuttige alt-tekst en formuliervelden echte labels.
Vaak verward met
- De DOM
- De DOM is de volledige structuur van de pagina. De accessibility tree is een beperkte weergave van wat je kunt bedienen.
Bronnen
- web.dev: Build agent-friendly websites
- Google Search Central: Optimizing your website for generative AI features on Google Search
Feiten en bronnen voor het laatst gecontroleerd op 19 oktober 2026.
Verwante begrippen
Verder lezen op GEO-Score
Hoe doet jouw pagina het in AI-zoeken?
GEO-Score checkt één pagina op 22 signalen, van toegang voor AI-crawlers tot structured data, en laat zien wat je eerst moet oplossen.
Analyseer een pagina