Der Barrierefreiheitsbaum

Neben der Seite, die er anzeigt, baut jeder Browser einen Baum aus Rollen und Namen für Hilfstechnologien auf. Ein Bildschirmleser sagt damit „Schaltfläche, Anmelden“, statt Pixel zu beschreiben.

Dinoer erfindet diesen Baum nicht: Er ist auf jeder Seite schon da. Er ist die Hauptart, wie Dinoer eine Seite liest.

Wie er aussieht

/opt/dinoer/venv/bin/python3 /opt/dinoer/shot.py \
  --url https://example.com --a11y --guide-version 1.6

- heading "Example Domain" [level=1]
- paragraph: This domain is for use in documentation examples without needing permission. Avoid use in operations.
- paragraph:
  - link "Learn more":
    - /url: https://iana.org/domains/example

--a11y liefert diesen Baum. Chromium lädt die Seite und setzt sie, aber es entsteht kein Bild, und es gibt keinen schnelleren Modus zum Einschalten: So liest Dinoer eine Seite, nicht anders.

Was er enthält und rohes HTML verschüttet

Rollen. heading [level=1], link und in einem Formular textbox, combobox, button. Nicht „ein Rechteck mit abgerundeten Ecken“, sondern was das Element ist.

Ziele. link "Learn more" gefolgt von /url:: wohin der Link führt, bevor jemand klickt.

Struktur. Was worin liegt, ohne die Hunderte von Layout-<div>-Elementen, die das Auge übergeht und ein Token-Budget nicht übergehen kann.

Er reicht oft allein

Der Baum genügt für eine ganze Klasse von Aufgaben: einen Text oder eine Überschrift finden, Links folgen (jedes href ist enthalten), prüfen, ob ein Element vorhanden ist, verstehen, wie eine Seite gegliedert ist. extraire_texte übernimmt, wenn die Struktur keine Rolle mehr spielt und nur der Text zählt. Die beiden Sichten nebeneinander →

Ein Canvas oder ein klickbares Bild ohne zugängliche Beschriftung gibt dem Baum nichts zu zeigen, und Dinoer hat nichts, worauf es zurückgreifen könnte. Was die Wahrnehmung nicht erreicht →

Warum das über Dinoer hinaus zählt

Dasselbe Markup (echte Schaltflächen, echte Überschriften, beschriftete Felder) baut einen Baum, den ein Bildschirmleser ebenso nutzen kann wie ein Agent, und gibt Suchmaschinen dieselbe Struktur. Eine Seite, deren Schaltflächen gestaltete <div>-Elemente sind, bleibt für alle zugleich undurchsichtig. Ob es diese Struktur gibt, entscheidet, wer die Seite schreibt.

Kurz gesagt

• Der Browser baut diesen Baum auf jeder Seite auf, für Hilfstechnologien.
• Er enthält Rollen, Ziele und Struktur, als Text.
• --a11y liefert ihn; ein Bild entsteht nie.
• Ohne zugängliche Darstellung gibt es keinen Rückgriff: Nehmen Sie extraire_texte für Fließtext und akzeptieren Sie die Grenze, wo beides nicht hilft.