Barrierefreiheit als SEO-Hebel: Warum KI-Suchsysteme sauberen Code belohnen

Über Jahre wurde digitale Barrierefreiheit als reines Inklusionsthema verhandelt – wichtig, aber selten geschäftskritisch. Diese Trennung ist hinfällig. Im Moment, in dem ein wachsender Teil der Suchanfragen nicht mehr von Menschen, sondern von Maschinen verarbeitet wird, fällt die technische Basis für Barrierefreiheit mit der Basis für Auffindbarkeit zusammen. Beides verlangt dasselbe: einen Code, der seine Bedeutung von selbst preisgibt.

Vom Lese-Web zum Maschinen-Web

Das Internet hat in den letzten Jahren seine Hauptzielgruppe gewechselt. Früher war eine Website ein Dokument, das Menschen lasen und Suchmaschinen indexierten. Heute interpretieren autonome Systeme den Inhalt: Googlebot rendert die Seite, KI-Crawler von OpenAI, Anthropic oder Perplexity holen sich Passagen für ihre Antworten, und agentische Browser bedienen Formulare und Schaltflächen eigenständig.

Diese Systeme funktionieren wie ein konsequent blinder Nutzer. Sie sehen kein Layout, keine Farben, keine visuelle Hierarchie. Sie orientieren sich ausschliesslich an der Struktur des Codes – an dem, was Entwickler den Dokumentenbaum nennen. Was im Browser optisch klar wirkt, ist für eine Maschine völlig flach, sobald die Struktur nur über Design erzeugt wurde und nicht im Code verankert ist.

Genau hier entscheidet sich Sichtbarkeit neu. Eine Seite, deren Bedeutung sich nicht aus dem Code ergibt, fällt aus den Antwortmaschinen heraus. Und ein fehlendes Zitat in einer KI-generierten Antwort bedeutet für den Suchenden faktisch: Diese Marke kommt nicht vor.

Warum KI-Crawler verschachtelten Code abstrafen

Die Abstrafung schlecht strukturierter Websites ist kein moralisches Urteil, sondern eine Frage der Rechenkosten. KI-Systeme arbeiten mit einem begrenzten Verarbeitungsfenster – einer festen Menge an Zeichen, die sie pro Anfrage überhaupt aufnehmen können. Ein durchschnittliches Code-Dokument im echten Web sprengt dieses Fenster mühelos: Der grösste Teil besteht aus Stilangaben, Skripten und tief verschachtelten, bedeutungslosen Containern, die nichts über den Inhalt aussagen.

Entwickler nennen dieses Muster abschätzig «DIV-Soup»: seitenweise generische Container ohne semantische Aussage, deren Sinn allein das Design liefert. Für eine Maschine ist ein solcher Container leer – er signalisiert weder Priorität noch Zweck. Steht der eigentliche Inhalt tief in dieser Verschachtelung, schneidet der Crawler die Seite ab, bevor er den Kern erreicht. Das Resultat sind unvollständige oder gar falsche Interpretationen.

Eine saubere, semantische Struktur dreht dieses Verhältnis um. Aussagekräftige Bausteine – ein klarer Hauptinhalt, eine eindeutige Überschriften-Hierarchie, echte Schaltflächen statt nachgebauter Klickflächen – verdichten die Information so, dass die Maschine den Kern in Sekundenbruchteilen findet. Genau dieselbe Struktur erlaubt es einem Screenreader, die Seite vorzulesen. Maschinelle Lesbarkeit und Barrierefreiheit sind technisch nicht zwei Aufgaben, sondern eine.

— Google Search Central — AI-Features und Ihre Website, 2025

Wer das Fundament von Anfang an richtig legt, vermeidet teure Nachbesserungen. Genau das ist der Kern sauberer technischer Webentwicklung in Zürich: nicht das nachträgliche Optimieren von Symptomen, sondern eine Architektur, die maschinelle Lesbarkeit als Grundzustand mitbringt.

WAI-ARIA: die Schnittstelle für autonome Systeme

WAI-ARIA ist ein technischer Standard, der ursprünglich entwickelt wurde, damit Screenreader auch komplexe, dynamische Oberflächen korrekt vorlesen können. Er ergänzt den Code um maschinenlesbare Rollen, Zustände und Beschriftungen: Diese Schaltfläche ist ein Button, dieses Menü ist gerade geöffnet, dieses Symbol bedeutet «Warenkorb». Was als Hilfe für Menschen mit Behinderung begann, ist heute der Metadaten-Layer, über den KI-Systeme eine Seite verstehen und bedienen.

Der agentische Browser von OpenAI etwa identifiziert Bedienelemente nicht über Bilderkennung, sondern liest dieselben Rollen und Beschriftungen aus, die auch ein Screenreader nutzt. Fehlt diese Auszeichnung, scheitert der Agent: Ein als Klickfläche getarnter Container ohne deklarierte Funktion ist für ihn nicht bedienbar. Damit geht nicht nur ein Seitenaufruf verloren, sondern eine ganze Handlung – eine Anfrage, die nie abgeschickt wird.

Drei Bausteine entscheiden besonders deutlich über die maschinelle Bedienbarkeit: Beschriftungen geben symbol- oder bildbasierten Elementen einen Sinn, den die Maschine sonst nicht kennt. Zustands-Angaben verraten, ob sich hinter einem unscheinbaren Element geöffneter oder verborgener Inhalt befindet. Und das gezielte Ausblenden rein dekorativer Elemente schärft den Fokus der KI auf den eigentlichen Inhalt. Richtig gesetzt, ist das kein Zusatzaufwand, sondern Teil eines sauberen Bauplans.

— W3C — WAI-ARIA Authoring Practices Guide, 2025

Was der Sichtbarkeitsverlust konkret kostet

Die Folgen bleiben für die meisten KMU lange unsichtbar, weil sie sich nicht als Fehlermeldung zeigen, sondern als ausbleibende Anfragen. Genau das macht sie gefährlich. Der folgende Rechner übersetzt einen schlecht lesbaren Code in die Grösse, die im Unternehmen zählt: entgangene Anfragen und entgangenen Umsatz pro Jahr.

Die Zahlen sind bewusst konservativ angesetzt. Sie zeigen trotzdem, dass schon ein moderater Sichtbarkeitsverlust über ein Jahr einen spürbaren Betrag ausmacht – Geld, das ohne erkennbaren Grund an Wettbewerber geht, deren Seite die Maschine schlicht besser versteht.

Was eine maschinenlesbare Website ausmacht

Die gute Nachricht: Maschinenlesbarkeit ist keine Frage teurer Spezial-Werkzeuge, sondern handwerklicher Disziplin beim Bauen. Entscheidend ist, dass die Bedeutung im Code steht und nicht nur im Design.

Der teure Weg ist der umgekehrte: erst eine optisch ansprechende Seite auf verschachteltem Code bauen und später versuchen, maschinelle Lesbarkeit nachzurüsten. Das endet in einer Schicht aus Notlösungen über einem Fundament, das nie dafür gedacht war. Eine von Grund auf sauber entwickelte Website bringt die Lesbarkeit von der ersten Code-Zeile an mit – für Menschen wie für Maschinen.