Das Document Object Model (DOM) ist eine Programmierschnittstelle, über die Browser ein HTML- oder XML-Dokument als hierarchische Baumstruktur bereitstellen. Es stellt HTML- und XML-Dokumente als eine Sammlung von Objekten dar, die miteinander in einer Eltern-Kind-Beziehung stehen. Jedes Element, Attribut und Textstück wird als Knoten in dieser Baumstruktur abgebildet.
Im Gegensatz zum DOM enthält der Accessibility Tree (Barrierefreiheitsbaum) eine vereinfachte Version dieser Struktur, die speziell für assistive Technologien wie Screenreader optimiert ist. Während das DOM sämtliche visuellen und strukturellen Informationen einer Webseite speichert, filtert der Accessibility Tree irrelevante oder versteckte Elemente heraus und ergänzt zusätzliche Informationen, wie ARIA-Attribute und Rollenzuweisungen. Der Accessibility Tree wird vom Browser aus dem DOM generiert und stellt die Grundlage für die barrierefreie Nutzung einer Webseite dar.
Die Quelltextansicht zeigt das ausgelieferte HTML, die Entwicklungswerkzeuge zeigen das DOM nach allen JavaScript-Änderungen. Prüfwerkzeuge und Screenreader arbeiten mit dem DOM. Wer im Quelltext nachsieht, prüft bei modernen Websites am eigentlichen Zustand vorbei.
