Zurück zur Übersicht
UX & Barrierefreiheit
Von · · 5 Min. Lesezeit

Ist eine mit KI erstellte Website barrierefrei? So prüfen Sie die Barrierefreiheit Ihrer Website

Kurzantwort: Meist nicht ohne Nacharbeit: KI-Baukästen und KI-Codingtools erzeugen Websites, die gut aussehen, aber häufig an Tastaturbedienung, Formularen, Kontrasten und Alternativtexten scheitern. Für Online-Shops und andere digitale Dienstleistungen an Verbraucher gilt in Deutschland seit dem 28. Juni 2025 das Barrierefreiheitsstärkungsgesetz (BFSG). Eine manuelle Prüfung in zehn Minuten zeigt die gröbsten Lücken.

BarrierefreiheitUXBFSGKI-Websites
Laptop mit KI-generierter Website, umgeben von Symbolen für Tastatur, Kontrast, Formular und Barrierefreiheit
Symbolbild: KI-generierte Illustration zur Barrierefreiheit von KI-Websites. Stand: Oktober 2026.

Das Wichtigste in Kürze

  • Der Accessibility-Anbieter AudioEye ließ im September 2026 fünf KI-Tools je drei Websites nach WCAG 2.2 AA bauen. Laut Anbieter bestand keine der 15 Websites die Prüfung, 91 Prozent der Fehler waren mittel oder schwer.
  • WCAG (Web Content Accessibility Guidelines) sind die internationalen Richtlinien für barrierefreie Webinhalte.
  • Das BFSG gilt für Verbraucher-Dienstleistungen wie Online-Shops und Buchungsstrecken. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Mio. Euro Jahresumsatz oder Bilanzsumme sind bei Dienstleistungen ausgenommen.
  • Automatische Tests finden nur einen Teil der Probleme. Tastatur- und Formulartests müssen Sie selbst durchführen.

Warum sind KI-generierte Websites oft nicht barrierefrei?

KI-Tools optimieren auf das, was im Prompt steht und was man sieht: Layout, Farben, Texte. Barrierefreiheit zeigt sich dagegen erst bei der Bedienung, etwa mit Tastatur oder Screenreader. Ein Screenreader ist eine Software, die Bildschirminhalte für blinde und sehbehinderte Menschen vorliest.

In der Untersuchung von AudioEye vom 30. September 2026 wurden Websites von OpenAI, Anthropic, Google, xAI und Lovable getestet. Der Anbieter zählte 306 verschiedene Barrierefreiheitsprobleme mit zusammen über 59.000 Vorkommen. Da AudioEye selbst Barrierefreiheitslösungen verkauft, sollten Sie die Zahlen als Herstellerangabe lesen.

Das Muster deckt sich mit der Praxis: Eine KI setzt sichtbare Elemente zuverlässig um. Unsichtbare Strukturen wie Beschriftungen, Fokusreihenfolge und Fehlermeldungen fehlen dagegen oft.

Woran erkenne ich, ob meine Website barrierefrei ist?

Sie erkennen es am schnellsten, indem Sie Ihre Website ohne Maus bedienen. Funktioniert ein Kontaktformular oder ein Kaufabschluss nur mit Maus, ist die Website für viele Menschen nicht nutzbar.

So prüfen Sie Ihre Website in zehn Minuten:

  1. Tastaturtest: Legen Sie die Maus weg und drücken Sie wiederholt die Tab-Taste. Jedes Menü, jeder Link und jedes Formularfeld muss erreichbar und sichtbar markiert sein.
  2. Pop-ups und Cookie-Banner: Lässt sich das Cookie-Banner per Tastatur bestätigen und schließen? Bleibt der Fokus nicht in einem Fenster gefangen?
  3. Formular absichtlich falsch ausfüllen: Wird der Fehler in Textform beim richtigen Feld erklärt, nicht nur durch eine rote Umrandung?
  4. Kontrast prüfen: Nutzen Sie die Entwicklertools im Browser Google Chrome oder ein kostenloses Kontrast-Tool. Normaler Text braucht nach WCAG ein Kontrastverhältnis von mindestens 4,5:1.
  5. Bilder und Icons: Haben informative Bilder einen Alternativtext? Sind reine Icon-Buttons wie Lupe oder Warenkorb beschriftet?
  6. Zoom auf 200 Prozent: Bleiben Texte lesbar, ohne dass Inhalte abgeschnitten werden oder sich überlagern?
  7. Automatischer Schnelltest: Lassen Sie Lighthouse in Google Chrome laufen. Der Barrierefreiheits-Score zeigt technische Fehler, ersetzt aber nicht die Schritte eins bis sechs.

Welche Fehler sehen wir in Website-Analysen am häufigsten?

Am häufigsten fehlen sichtbare Fokusmarkierungen und Beschriftungen von Formularfeldern. Das betrifft KI-generierte Seiten ebenso wie klassische Baukasten-Websites.

FehlerWer ist betroffen?Schnelle Lösung
Kein sichtbarer TastaturfokusTastatur- und Screenreader-NutzerFokusrahmen im CSS wieder aktivieren
Formularfelder nur mit PlatzhaltertextScreenreader-Nutzer, ältere MenschenDauerhaft sichtbare Beschriftung ergänzen
Fehlermeldungen nur farblichMenschen mit FarbsehschwächeFehlertext direkt am Feld ausgeben
Hellgrauer Text auf WeißMenschen mit Sehschwäche, mobile Nutzer im SonnenlichtKontrast auf mindestens 4,5:1 erhöhen
Icon-Buttons ohne BeschriftungScreenreader-NutzerUnsichtbares Label oder Text ergänzen
Cookie-Banner nicht per Tastatur bedienbarAlle ohne MausBanner-Tool austauschen oder konfigurieren

Viele dieser Fehler kosten zugleich Conversions. Ein Formular, das Fehler nicht erklärt, verliert Anfragen, ganz gleich, ob der Besucher eine Einschränkung hat oder nicht. Mehr zur Nutzerführung finden Sie in unserer UX-Analyse, mehr zu Formularen und Anfragen in der Conversion-Analyse.

Gilt das Barrierefreiheitsstärkungsgesetz für meine Website?

Das BFSG gilt, wenn Sie über Ihre Website Dienstleistungen im elektronischen Geschäftsverkehr an Verbraucher anbieten, also etwa einen Online-Shop, eine Online-Buchung oder einen Vertragsabschluss. Reine Informationsseiten ohne Vertragsabschluss fallen nach überwiegender Einschätzung nicht darunter. Verbindlich klärt das im Einzelfall nur eine Rechtsberatung.

Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten und weniger als zehn Beschäftigte sowie höchstens 2 Mio. Euro Jahresumsatz oder Jahresbilanzsumme haben. Beide Bedingungen müssen erfüllt sein. Die Einhaltung überwacht die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF).

Unabhängig vom Gesetz gilt: Eine barrierefreie Website ist für alle leichter zu bedienen. Klare Struktur und gute Beschriftungen helfen auch Suchmaschinen und KI-Systemen, Inhalte richtig zu verstehen.

Wie mache ich eine KI-generierte Website barrierefrei?

Fordern Sie Barrierefreiheit im Prompt ausdrücklich ein und prüfen Sie das Ergebnis danach manuell. Eine Formulierung wie „WCAG 2.2 AA einhalten“ allein reicht laut den Testergebnissen nicht aus.

Hilfreich ist ein festes Vorgehen: erst die KI bauen lassen, dann den Zehn-Minuten-Test oben durchführen, dann gezielt einzelne Fehler korrigieren lassen. Bei Online-Shops lohnt sich zusätzlich eine Prüfung durch Fachleute, idealerweise mit Menschen, die Screenreader im Alltag nutzen.

Fazit

KI macht den Bau einer Website schneller, aber nicht automatisch zugänglich. Wer eine KI-generierte Website betreibt, sollte den Tastatur- und Formulartest zur Pflicht machen. Das schützt vor rechtlichen Risiken und verbessert zugleich die Nutzerführung.

Sie möchten wissen, wie Ihre Website bei Barrierefreiheit, Mobile und Nutzerführung abschneidet? Der AI Website Report prüft diese Punkte gemeinsam mit SEO, KI-Sichtbarkeit und Conversion. Einmalig 79 Euro, ohne Abo.

Häufige Fragen

Reicht ein Barrierefreiheits-Widget oder Overlay aus?
Nein, ein Widget behebt die zugrunde liegenden Fehler im Code nicht. Es ergänzt meist nur Funktionen wie Schriftvergrößerung oder Kontrastmodus. Fehlende Beschriftungen und Tastaturfallen bleiben bestehen.
Gilt das BFSG auch für B2B-Websites?
In der Regel nicht, denn das Gesetz zielt auf Dienstleistungen für Verbraucher. Richtet sich ein Shop sowohl an Unternehmen als auch an Privatkunden, kann es dennoch greifen. Klären Sie Grenzfälle rechtlich.
Was droht bei Verstößen gegen das BFSG?
Die Marktüberwachung kann Nachbesserungen verlangen und Bußgelder verhängen. Das Gesetz sieht Bußgelder von bis zu 100.000 Euro vor. Zusätzlich sind Abmahnungen durch Wettbewerber oder Verbände möglich.
Kann ich Barrierefreiheit mit einem Online-Tool vollständig prüfen?
Nein. Automatische Tools wie Lighthouse oder WAVE erkennen technische Fehler wie fehlende Alternativtexte oder schwache Kontraste. Ob eine Seite per Tastatur bedienbar und verständlich ist, zeigt nur ein manueller Test.
Brauche ich eine Barrierefreiheitserklärung?
Ja, wenn Ihre Website unter das BFSG fällt. Sie beschreibt, wie Ihr Angebot die Anforderungen erfüllt, und gehört gut auffindbar auf die Website, etwa im Footer.
Website auf Schwachstellen prüfen lassen?

Erhalten Sie einen professionellen Report mit SEO-, GEO-, UX- und Conversion-Analyse – inklusive priorisierter Maßnahmen und PDF-Download.

Analyse starten – 79 €