AI-agenter
Tillgänglighetsträd
Kallas även: Accessibility tree
Tillgänglighetsträdet (accessibility tree) är den förenklade versionen av en sida som webbläsaren skapar, och som behåller det som räknas för interaktion: roll, namn och tillstånd för element som knappar, länkar och formulärfält.
Med enkla ord
Skärmläsare och andra hjälpmedel använder det för att beskriva en sida för människor.
web.dev kallar det sidans semantiska sammanfattning och säger att AI-agenter använder det som en karta som ignorerar visuellt brus från CSS.
Exempel
I utdraget nedan kopplar attributet for etiketten till fältet. Tillgänglighetsträdet vet då att fältet heter "Email address". Utan den kopplingen har fältet inget namn.
<label for="email">Email address</label>
<input id="email" type="email">Varför det spelar roll för AI-sök
Google säger att webbläsaragenter kan tolka tillgänglighetsträdet för att utföra sina uppgifter.
Så god tillgänglighet hjälper nu också AI-agenter att använda din webbplats.
Det här kan du göra
- Använd semantiska HTML-element som button, a, label, nav och main.
- Måste du använda en div som knapp, ge den role="button" och ett tabindex, som web.dev råder.
- Ge bilder användbar alt-text och formulärfält riktiga etiketter.
Förväxlas ofta med
- DOM:en
- DOM:en är sidans fullständiga struktur. Tillgänglighetsträdet är en mindre vy av det som går att använda.
Källor
- web.dev: Build agent-friendly websites
- Google Search Central: Optimizing your website for generative AI features on Google Search
Fakta och källor senast kontrollerade 19 oktober 2026.
Relaterade begrepp
Hur klarar sig din sida i AI-sök?
GEO-Score kontrollerar en sida på 22 signaler, från åtkomst för AI-crawlers till strukturerad data, och visar vad du ska åtgärda först.
Analysera en sida