# Accessibility Tree

Kategorie: [Agenten & Protokolle](https://seo-geo-glossary.com/de/glossar/kategorie/agenten-protokolle/) › [Agent Readiness & Browser-Agenten](https://seo-geo-glossary.com/de/glossar/kategorie/agenten-protokolle/agent-readiness-browser-agenten/)

Der **Accessibility Tree** (Barrierefreiheitsbaum) ist eine Darstellung der Seite, die der Browser aus dem DOM ableitet und die Hilfstechnologien wie Screenreadern zur Verfügung steht. Er enthält die Elemente einer Seite mit den Angaben, die für ihre Bedienung wichtig sind.

## Was steht im Accessibility Tree?

Laut MDN erzeugt der Browser den Baum aus dem DOM und den Accessibility-Schnittstellen der jeweiligen Plattform. Jeder Eintrag hat vier Eigenschaften. Der **Name** benennt das Element, zum Beispiel den Linktext „Weiterlesen“. Die **Beschreibung** ergänzt Zusatzinformationen. Die **Rolle** gibt den Typ an, etwa Schaltfläche, Navigation oder Liste. Der **Zustand** zeigt, ob etwas aktiviert oder aufgeklappt ist.

Ob ein Element im Baum auftaucht, steuert man über Markup und Stile. Mit `display: none` wird ein Element aus dem Baum entfernt, `aria-hidden="true"` verbirgt es vor Screenreadern. Semantisches HTML und ARIA-Attribute beeinflussen Rolle, Name und Zustand.

Die Chrome DevTools zeigen den Baum an. Im Elements-Panel öffnet man den Tab Accessibility und aktiviert „Show accessibility tree“.

## Bedeutung für KI-Agenten

Auch Programme können den Baum nutzen. Playwright MCP von Microsoft arbeitet laut Projektbeschreibung mit dem Accessibility Tree statt mit Bildern und braucht keine Bilderkennung. Das spart Tokens und vermeidet Mehrdeutigkeiten, die bei Screenshots auftreten. Wie andere Agenten Seiten lesen, ist je Produkt verschieden. Sauberes HTML mit sprechenden Namen hilft daher Menschen mit Screenreader und dürfte auch Agenten helfen (Einschätzung).

Google nennt den Accessibility Tree in seinen Empfehlungen für agentenfreundliche Websites (web.dev, Stand April 2026) als eine Quelle, über die Agenten eine Seite erfassen, und rät zu semantischem HTML und per `for` verknüpften Labels. Ein Beitrag von searchVIU (2026) verweist auf eine Studie der UC Berkeley und der University of Michigan (CHI 2026). Darin löste ein Computer-Use-Agent 60 Alltagsaufgaben unter Windows mit Maus und Bildschirmansicht in rund 78 % der Fälle. Allein per Tastatur, wie bei der Nutzung mit Screenreader, waren es rund 42 %.

## Beispiel

```html
<button aria-label="Warenkorb öffnen">
  <svg aria-hidden="true" width="16" height="16"><path d="..."/></svg>
</button>
```

Im Accessibility Tree erscheint ein Eintrag mit der Rolle „button“ und dem Namen „Warenkorb öffnen“. Das Icon fehlt im Baum.

## Häufige Fehler

- **`aria-hidden="true"` auf fokussierbaren Elementen.** MDN warnt davor, auch bei Vorfahren fokussierbarer Elemente, weil das Attribut vererbt wird.
- **`aria-hidden` auf Elementen, die ohnehin verborgen sind.** Bei `hidden`, `display: none` oder `visibility: hidden` fehlen sie schon im Baum.
- **Sichtbare Inhalte ausblenden.** Laut MDN nur, wenn gleichwertige Inhalte für Hilfstechnologien erhalten bleiben.
- **Divs und Spans statt `<button>` und `<a>`.** web.dev nennt fehlende semantische Elemente als Hindernis für Agenten.

## Häufige Fragen

**Ist der Accessibility Tree dasselbe wie das DOM?**
Nein. Er ist eine abgeleitete Teilmenge, die nur Elemente mit Bedeutung für Hilfstechnologien enthält.

**Was ist das Accessibility Object Model?**
Eine Initiative der Web Incubator Community Group (WICG). Sie soll Entwicklern eine JavaScript-API geben, mit der sie den Baum verändern und perspektivisch auch auslesen können. Der Stand ist ein Entwurf der Community Group.

## Auf einen Blick

- **Art:** vom Browser aus dem DOM abgeleitete Struktur
- **Wirkt auf:** Hilfstechnologien wie Screenreader, über Accessibility-APIs der Plattform
- **Eigenschaften:** Name, Beschreibung, Rolle, Zustand
- **Sichtbar?:** Chrome DevTools, Tab Accessibility
- **Doku:** [MDN: Accessibility tree](https://developer.mozilla.org/en-US/docs/Glossary/Accessibility_tree)

Stand: 8. Oktober 2026

## Verwandte Begriffe

- [Barrierefreiheit](https://seo-geo-glossary.com/de/glossar/barrierefreiheit/index.md)
- [ARIA-Attribute](https://seo-geo-glossary.com/de/glossar/aria-attribute/index.md)
- [Semantisches HTML](https://seo-geo-glossary.com/de/glossar/semantisches-html/index.md)
- [Agentischer Browser](https://seo-geo-glossary.com/de/glossar/agentischer-browser/index.md)
- [KI-Agent](https://seo-geo-glossary.com/de/glossar/ki-agent/index.md)

## Mehr dazu im searchVIU-Blog

- [Für KI-Agenten optimieren – Häufige Fehler und wie du sie behebst](https://www.searchviu.com/de/fuer-ki-browser-optimieren/)

## Quellen

- [Accessibility tree – MDN Web Docs Glossar](https://developer.mozilla.org/en-US/docs/Glossary/Accessibility_tree)
- [Accessibility reference – Chrome DevTools](https://developer.chrome.com/docs/devtools/accessibility/reference)
- [Accessibility Object Model – WICG](https://wicg.github.io/aom/)
- [Playwright MCP – GitHub (Microsoft)](https://github.com/microsoft/playwright-mcp)
- [aria-hidden – MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-hidden)
- [Für KI-Agenten optimieren – Häufige Fehler und wie du sie behebst – searchVIU-Blog (2026)](https://www.searchviu.com/de/fuer-ki-browser-optimieren/)
- [Build agent-friendly websites – web.dev](https://web.dev/articles/ai-agent-site-ux)
- [A11y-CUA Dataset – arXiv 2602.09310](https://arxiv.org/abs/2602.09310)
- [aria-hidden – MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-hidden)

---

Stand: 8. Oktober 2026
URL: https://seo-geo-glossary.com/de/glossar/accessibility-tree/