Auf einen Blick

Inhalt des Kurses

1. Lektion 1: Das Barrierefreiheitsstärkungsgesetz verstehen
2. Lektion 2: KI-gestützte WCAG-Prüfung und Fehlerbehebung
3. Lektion 3: Vision-LLMs und automatische Bildbeschreibungen
4. Lektion 4: Gebärdensprach-Avatare und Vorlesesysteme
5. Lektion 5: Ihr BFSG-Compliance-Fahrplan

Kursinhalt

KI und digitale Barrierefreiheit: BFSG-Compliance mit KI-Tools meistern

Lektion 1: Das Barrierefreiheitsstärkungsgesetz verstehen

Lernziel: Sie kennen die wesentlichen Pflichten des BFSG, wissen, welche Unternehmen betroffen sind und welche Bußgelder bei Verstößen drohen.

Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. Es setzt die europäische European Accessibility Act (EAA) in deutsches Recht um und verpflichtet Unternehmen, ihre digitalen Produkte und Dienstleistungen barrierefrei zu gestalten. Betroffen sind nahezu alle B2C-Angebote: E-Commerce-Shops, Online-Banking, Telekommunikationsdienste, Apps und Self-Service-Terminals. Ausgenommen sind lediglich Kleinstunternehmen mit weniger als zehn Mitarbeitenden und unter zwei Millionen EUR Umsatz, und auch nur dann, wenn sie reine Dienstleister sind.

Die Bußgelder sind empfindlich. Pro Verstoß können bis zu 100.000 EUR fällig werden. Darüber hinaus können nicht-konforme Produkte vom Markt genommen werden. Das ist keine theoretische Drohung: Die Marktüberwachungsbehörden der Bundesländer haben bereits Personal aufgestockt und erste Prüfkampagnen angekündigt. Für E-Commerce-Unternehmen bedeutet ein nicht-konformer Online-Shop im schlimmsten Fall den Verkaufsstopp.

Wie dramatisch die Lage ist, zeigen aktuelle Untersuchungen: Laut einer Studie von Aktion Mensch, Google, BITV-Consult und der Stiftung Pfennigparade sind vier von fünf der meistbesuchten deutschen Online-Shops nicht barrierefrei. Eine separate Erhebung kam sogar auf 99 Prozent nicht vollständig konforme Shops. Die häufigsten Mängel betreffen fehlende Alternativtexte für Bilder, unzureichende Tastaturnavigation, zu geringe Farbkontraste und fehlende Untertitel für Videos. Viele dieser Mängel lassen sich mit KI-Tools effizient beheben.

Das BFSG bezieht sich auf die technische Norm EN 301 549, die wiederum auf den Web Content Accessibility Guidelines (WCAG) 2.1 basiert. Die WCAG definieren vier Grundprinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit. Jedes Prinzip enthält konkrete Erfolgskriterien auf drei Konformitätsstufen (A, AA, AAA). Das BFSG verlangt mindestens Stufe AA. Für Unternehmen bedeutet das: Sie müssen nicht jede erdenkliche Barrierefreiheitsmaßnahme umsetzen, aber die grundlegenden Standards zuverlässig erfüllen.

Zusammenfassung:

• Das BFSG ist seit Juni 2025 in Kraft und betrifft nahezu alle B2C-Digitalangebote
• Bußgelder bis 100.000 EUR pro Verstoß, Marktrücknahme nicht-konformer Produkte möglich
• Vier von fünf der meistbesuchten deutschen Online-Shops sind laut Aktion Mensch/Google nicht barrierefrei

Praxistipp: Prüfen Sie als Erstes, ob Ihr Unternehmen unter die Ausnahmeregel für Kleinstunternehmen fällt. Falls nicht, lassen Sie einen automatisierten WCAG-Scan Ihrer Website laufen (axe DevTools, kostenfreie Browser-Erweiterung). Das Ergebnis zeigt Ihnen in zehn Minuten, wie groß Ihr Handlungsbedarf ist.

Lektion 2: KI-gestützte WCAG-Prüfung und Fehlerbehebung

Lernziel: Sie können die wichtigsten KI-Tools für automatisierte Barrierefreiheitsprüfungen einsetzen und deren Grenzen einschätzen.

Die manuelle Prüfung einer Website auf WCAG-Konformität ist aufwändig. Ein erfahrener Accessibility-Auditor benötigt für einen mittelgroßen Online-Shop (200 bis 500 Seiten) typischerweise 40 bis 80 Stunden. KI-gestützte Tools können einen großen Teil dieser Arbeit automatisieren, aber es ist wichtig, ihre Grenzen zu kennen: Automatisierte Tests erkennen 30 bis 57 Prozent aller Barrierefreiheitsfehler. Der Rest erfordert manuelle Prüfung, etwa die semantische Qualität von Alternativtexten oder die logische Reihenfolge der Tab-Navigation.

Axe DevTools von Deque Systems ist der Industriestandard für automatisierte WCAG-Prüfung. Die Browser-Erweiterung analysiert jede beliebige Webseite in Sekunden und liefert eine priorisierte Liste aller erkannten Verstöße mit konkreten Korrekturvorschlägen. Für Entwicklungsteams bietet axe eine CI/CD-Integration: Bei jedem Build wird automatisch geprüft, ob neue Barrierefreiheitsfehler eingeführt wurden. Das verhindert, dass einmal behobene Probleme durch spätere Codeänderungen wieder auftreten.

Stark Plugin für Figma verlagert die Barrierefreiheitsprüfung an den Anfang des Designprozesses. Designer können bereits während der Gestaltung Farbkontraste prüfen, Lesereihenfolgen simulieren und Fokuszustände definieren. Dieser "Shift-Left-Ansatz" ist deutlich kostengünstiger als die nachträgliche Korrektur fertiger Implementierungen. Laut einer Studie von IBM kostet die Behebung eines Designfehlers in der Entwicklungsphase das 15-Fache im Vergleich zur Korrektur in der Designphase.

Pa11y bietet eine Open-Source-Alternative für Teams mit kleinem Budget. Das kommandozeilenbasierte Tool lässt sich in jede Build-Pipeline integrieren und unterstützt WCAG 2.1 AA vollständig. Für Unternehmen, die keine kommerzielle Lizenz rechtfertigen können, ist Pa11y ein solider Einstieg.

Eine wichtige Warnung gilt den sogenannten Overlay-Lösungen wie AccessiBe, UserWay oder EqualWeb. Diese Tools versprechen, Websites durch ein aufgesetztes JavaScript-Widget barrierefrei zu machen. Der Deutsche Blinden- und Sehbehindertenverband (DBSV) und die Schweizer Stiftung "Zugang für alle" kritisieren diese Lösungen scharf: Sie lösen die grundlegenden Strukturprobleme nicht und schützen nicht vor BFSG-Bußgeldern. In mehreren US-Gerichtsverfahren wurden Overlay-Nutzer trotz eingesetztem Widget verurteilt.

Zusammenfassung:

• Automatisierte Tests erkennen 30 bis 57 Prozent der Barrierefreiheitsfehler, der Rest braucht manuelle Prüfung
• axe DevTools (Standard), Stark (Design) und Pa11y (Open Source) bilden ein solides Tool-Set
• Overlay-Lösungen (AccessiBe, UserWay) schützen nicht vor BFSG-Bußgeldern und werden von Verbänden abgelehnt

Reflexionsfrage: Wie ist Barrierefreiheit aktuell in Ihrem Entwicklungsprozess verankert? Wird sie erst am Ende geprüft (teuer) oder bereits im Design berücksichtigt (effizient)?

Lektion 3: Vision-LLMs und automatische Bildbeschreibungen

Lernziel: Sie verstehen, wie Vision-LLMs Alternativtexte generieren und können die Qualität KI-erzeugter Bildbeschreibungen bewerten.

Fehlende oder schlechte Alternativtexte (Alt-Texte) sind der häufigste Barrierefreiheitsmangel im Web. Für Menschen, die einen Screenreader nutzen, sind Bilder ohne Alt-Text unsichtbar. Ein Online-Shop mit 5.000 Produktbildern ohne Beschreibung schließt blinde und sehbehinderte Kundinnen und Kunden systematisch aus. Gleichzeitig ist die manuelle Erstellung hochwertiger Alt-Texte für tausende Bilder eine enorme Aufgabe.

Vision-LLMs lösen dieses Problem weitgehend. Be My AI, eine Kooperation von Be My Eyes und OpenAI, nutzt GPT-4 Vision, um Bilder detailliert zu beschreiben. Die Besonderheit: Nutzer können Rückfragen stellen. "Was steht auf dem Preisschild?" oder "Welche Farbe hat der Knopf links oben?" Das System antwortet kontextbezogen und präzise. Microsoft Seeing AI erkennt Texte, Barcodes, Farben, Gesichter und ganze Szenen und beschreibt sie in natürlicher Sprache.

Für die automatische Alt-Text-Generierung im großen Maßstab eignen sich API-basierte Ansätze. Ein E-Commerce-Unternehmen kann seine gesamte Produktbild-Datenbank durch ein Vision-LLM laufen lassen und automatisch Alt-Texte generieren. Die Qualität ist beeindruckend: Moderne Modelle beschreiben nicht nur "eine rote Jacke", sondern "eine wasserabweisende Damen-Regenjacke in Kirschrot mit verstellbarer Kapuze und zwei Seitentaschen mit Reißverschluss".

Allerdings gibt es Grenzen und Risiken. KI-Halluzinationen können zu falschen Beschreibungen führen. Ein Produktbild, das fälschlicherweise als "Kinderjacke" statt "Damenjacke" beschrieben wird, kann geschäftsschädlich sein. Datenschutz ist ein weiteres Thema: Bilder von Personen, medizinische Bilder oder vertrauliche Dokumente sollten nicht an Cloud-basierte Vision-APIs gesendet werden. Für sensible Anwendungsfälle empfehlen sich lokale Modelle.

Die W3C arbeitet bereits an Standards für die semantische Auszeichnung KI-generierter Inhalte. Zukünftig werden Alt-Texte möglicherweise als maschinell erzeugt gekennzeichnet, damit Screenreader-Nutzer die Zuverlässigkeit einschätzen können. Bis dahin gilt die Empfehlung: KI-generierte Alt-Texte für Standardbilder (Produkte, Dekoration, Icons) automatisch einsetzen, für kritische Inhalte (medizinisch, rechtlich, sicherheitsrelevant) manuell prüfen.

Zusammenfassung:

• Vision-LLMs können Alt-Texte in hoher Qualität automatisch erzeugen und so den häufigsten WCAG-Mangel beheben
• Be My AI und Microsoft Seeing AI ermöglichen interaktive Bildbeschreibungen für Endnutzer
• KI-Halluzinationen und Datenschutz erfordern Qualitätsprüfung bei kritischen Inhalten

Praxistipp: Lassen Sie zehn Produktbilder aus Ihrem Shop von GPT-4 Vision beschreiben und vergleichen Sie die Ergebnisse mit Ihren bestehenden Alt-Texten. In den meisten Fällen sind die KI-Beschreibungen detaillierter und nützlicher als manuell erstellte Einzeiler.

Lektion 4: Gebärdensprach-Avatare und Vorlesesysteme

Lernziel: Sie kennen die aktuellen KI-Lösungen für Gebärdensprache und Text-to-Speech und können deren Einsatz für Ihre digitalen Angebote planen.

Barrierefreiheit endet nicht bei Bildschirmtext. Etwa 80.000 Menschen in Deutschland nutzen die Deutsche Gebärdensprache (DGS) als Muttersprache. Für sie sind schriftliche Texte oft eine Fremdsprache, weil die Grammatik der DGS fundamental von der deutschen Schriftsprache abweicht. KI-gestützte Gebärdensprach-Avatare schließen diese Kommunikationslücke.

SiMAX, entwickelt von der österreichischen Sign Time GmbH, ist der führende Anbieter im DACH-Raum. Der 3D-Avatar übersetzt schriftliche Texte in Echtzeit in Gebärdensprache und wird bereits von der Deutschen Bahn für Servicethemen, von den Wiener Linien für Störungsmeldungen und von Boehringer Ingelheim für digitale Beipackzettel eingesetzt. Die Qualität ist mittlerweile so hoch, dass gehörlose Nutzerinnen und Nutzer die Avatare natürlich und verständlich finden.

Signapse, in Kooperation mit dem Kölner G&L Systemhaus, geht einen Schritt weiter: Die Lösung erzeugt fotorealistische Gebärdensprachvideos aus Textdaten. Statt eines stilisierten 3D-Avatars sieht man eine realistisch wirkende Person, die gebärdet. Diese Technologie eignet sich besonders für professionelle Anwendungen wie Nachrichtensendungen, Unternehmenskommunikation und Schulungsvideos. Über 175 Kommunen und öffentliche Einrichtungen in Deutschland nutzen bereits KI-Gebärdensprach-Avatare.

Im Bereich Text-to-Speech hat die KI-Entwicklung die Qualität grundlegend verändert. ElevenLabs erzeugt neuronale Stimmen, die von menschlichen Sprechern kaum zu unterscheiden sind. Das reduziert die sogenannte "Listening Fatigue": Nutzer mit Sehbehinderung ermüden deutlich weniger, wenn Texte von natürlich klingenden Stimmen vorgelesen werden. Speechify kombiniert Text-to-Speech mit OCR und eignet sich besonders für Menschen mit Legasthenie und ADHS, weil es gedruckte Texte, Handschrift und Bildschirminhalte vorlesen kann.

Für Live-Situationen (Konferenzen, Webinare, Unterricht) sind KI-basierte Live-Captions zum Standard geworden. OpenAI Whisper und Otter.ai liefern Echtzeituntertitel mit hoher Genauigkeit, auch in lauten Umgebungen. Die Kombination aus Live-Captions und automatischer Übersetzung macht Veranstaltungen für gehörlose und nicht-muttersprachliche Teilnehmende gleichzeitig zugänglich.

Zusammenfassung:

• SiMAX und Signapse übersetzen Texte in Echtzeit in Gebärdensprache, über 175 deutsche Einrichtungen nutzen die Technologie
• ElevenLabs und Speechify bieten natürlich klingende Vorlesefunktionen, die Listening Fatigue reduzieren
• Live-Captions (Whisper, Otter.ai) machen Veranstaltungen in Echtzeit barrierefrei

Reflexionsfrage: Welche Ihrer digitalen Inhalte (Website, App, Schulungsvideos, Kundenservice) könnten durch Gebärdensprach-Avatare oder Vorlesesysteme für neue Zielgruppen zugänglich werden?

Lektion 5: Ihr BFSG-Compliance-Fahrplan

Lernziel: Sie können einen strukturierten Plan zur BFSG-Konformität erstellen und wissen, welche Maßnahmen den höchsten Impact haben.

Die Herstellung vollständiger BFSG-Konformität ist ein Projekt, kein Sprint. Versuche, alles auf einmal zu lösen, scheitern regelmäßig an der Komplexität und an internen Widerständen. Ein strukturierter Fahrplan in drei Phasen führt zuverlässiger zum Ziel.

Phase 1: Bestandsaufnahme (Wochen 1 bis 4). Führen Sie einen automatisierten WCAG-Scan aller digitalen Touchpoints durch. Nutzen Sie axe DevTools oder Pa11y für Websites, und prüfen Sie Apps mit den eingebauten Screenreadern (VoiceOver auf iOS, TalkBack auf Android). Dokumentieren Sie alle gefundenen Verstöße nach Schweregrad. Beauftragen Sie parallel einen manuellen Kurzaudit (8 bis 16 Stunden) durch einen zertifizierten Barrierefreiheits-Experten für die wichtigsten User Journeys. Das Ergebnis ist ein priorisierter Maßnahmenkatalog.

Phase 2: Quick Wins umsetzen (Wochen 5 bis 12). Starten Sie mit den häufigsten und am einfachsten zu behebenden Mängeln. Alt-Texte für alle Bilder generieren (KI-gestützt für Massenbilder, manuell für kritische Inhalte). Farbkontraste anpassen (Stark Plugin zeigt die exakten Werte). Tastaturnavigation sicherstellen (Tab-Reihenfolge, Fokuszustände, Skip-Links). Formularfelder mit Labels versehen. Diese Maßnahmen beheben typischerweise 60 bis 70 Prozent aller erkannten Verstöße und erfordern moderate Entwicklungsressourcen.

Phase 3: Strukturelle Verbesserungen (Wochen 13 bis 26). Überarbeiten Sie die semantische HTML-Struktur (Landmarks, Überschriftenhierarchie, ARIA-Attribute). Erstellen Sie Untertitel für alle Videos. Implementieren Sie Gebärdensprach-Avatare für zentrale Serviceinhalte. Richten Sie einen CI/CD-Gate ein, der neue Barrierefreiheitsfehler automatisch blockiert. Erstellen Sie eine Barrierefreiheitserklärung (nach EN 301 549 verpflichtend) und benennen Sie eine Kontaktperson für Barrierefreiheits-Feedback.

Die Synergie-Effekte mit anderen Unternehmensbereichen sind beachtlich. Barrierefreie Websites ranken besser bei Google (SEO-Vorteil durch semantische Struktur und Alt-Texte). Die Nutzererfahrung verbessert sich für alle Nutzer, nicht nur für Menschen mit Behinderung. Und die BFSG-Konformität stärkt das Arbeitgeberimage in einem Markt, in dem Fachkräfte zunehmend auf gesellschaftliche Verantwortung achten.

Zusammenfassung:

• Ein Drei-Phasen-Plan über 26 Wochen führt strukturiert zur BFSG-Konformität
• Quick Wins (Alt-Texte, Kontraste, Tastatur) beheben 60 bis 70 Prozent der typischen Verstöße
• Barrierefreiheit bringt Synergien bei SEO, UX und Arbeitgeberattraktivität

Praxistipp: Benennen Sie eine verantwortliche Person für digitale Barrierefreiheit in Ihrem Unternehmen. Diese muss keine Expertin sein, aber sie sollte die Übersicht über den Maßnahmenkatalog behalten und als Ansprechpartnerin für externe Audits dienen. Ohne klare Verantwortlichkeit versandet das Thema erfahrungsgemäß nach der ersten Bestandsaufnahme.