Zum Inhalt springen

Lesbar für Menschen, Screenreader und KI

Was Screenreader brauchen, brauchen auch KI-Agenten: saubere Struktur, klare Inhalte, maschinenlesbares HTML. Mit sitebrunch baust du beides in einem Schritt.

Was wir prüfen

Die WCAG-Checks von sitebrunch decken genau die Bereiche ab, die auch über die Lesbarkeit deiner Website für KI-Agenten entscheiden.

Struktur

Semantische HTML-Struktur

Landmarks wie main, nav und article sowie eine saubere Heading-Hierarchie machen deine Seite für Screenreader navigierbar und für Crawler interpretierbar.

Inhalte

Alt-Texte und Medien

Bilder, Videos und Diagramme bekommen nur dann Bedeutung, wenn sie textlich beschrieben sind. Screenreader und KI-Modelle nutzen dieselbe Quelle.

Formulare

ARIA-Labels und Formulare

Klar beschriftete Felder, Buttons und Status-Meldungen machen deine Formulare für assistive Technologien und für KI-Agenten bedienbar, die Aktionen für Nutzer*innen ausführen.

Crawler

Lesbarkeit ohne JavaScript

Die meisten KI-Crawler führen kein JavaScript aus. Inhalte, die erst client-seitig gerendert werden, bleiben unsichtbar. Wir prüfen, was wirklich im Quelltext steht.

Semantik

Strukturierte Daten (JSON-LD)

JSON-LD sagt Sprachmodellen explizit, was eine Seite ist: Organisation, Artikel, Breadcrumbs, FAQ. Wir prüfen, ob deine Auszeichnungen valide sind, die wichtigen Entitäten existieren und keine Pflichtfelder leer bleiben.

So nehmen KI-Agenten deine Website wahr

Google beschreibt in seiner Web Developer-Dokumentation drei Wahrnehmungsmodi, die agentische Browser wie ChatGPT Atlas oder Perplexity Comet kombinieren. Alle drei verlangen genau das, was WCAG seit Jahren für Screenreader und assistive Technologien vorschreibt: Wer barrierefrei baut, ist automatisch KI-lesbar.

Vision

Screenshots mit Vision-Modell

Ein Vision-Modell sucht klickbare Elemente anhand von Größe, Position und Farbe. Genau das schreibt WCAG für motorische und visuelle Einschränkungen vor: ausreichend große Klickflächen, klare Kontraste, stabile Layouts und keine verdeckenden Overlays.

DOM

Roher HTML-Quelltext

Der Agent parst den DOM-Baum direkt, genauso wie ein Screenreader. Beide erkennen echte button- und a-Elemente sofort als interaktiv, klickbare Divs nicht. Was Screenreader-Nutzer*innen zur Bedienung brauchen, braucht der Agent zur Orientierung.

A11y Tree

Accessibility Tree

Der Browser liefert die gleiche semantische Zusammenfassung mit Rollen, Namen und Zuständen, die auch Screenreader nutzen. Sauber gesetzte ARIA-Labels, role-Attribute und mit for-Attribut verknüpfte Eingabefelder helfen daher beiden gleichermaßen.

So machst du deine Website KI-lesbar

Warum sitebrunch für KI-Lesbarkeit?

Wir bauen keine Tricks für LLMs. Wir prüfen, ob deine Inhalte überhaupt wahrnehmbar sind, für Menschen wie für Maschinen.

Bereit für eine Website, die alle verstehen?

Starte mit einem kostenlosen WCAG-Test und sieh, wo deine Inhalte für Menschen und Maschinen lesbar werden.

Kostenlos starten (öffnet neuen Tab)

Fragen und Antworten