Das europäische Barrierefreiheitsgesetz greift jetzt: Was Ihre Website braucht

Das europäische Barrierefreiheitsgesetz gilt seit dem 28. Juni 2025. Im ersten Jahr haben die meisten Unternehmen abgewartet, ob überhaupt jemand durchsetzt. Diese Frage ist beantwortet.

Ein französisches Gericht hat Carrefour unter Androhung eines Zwangsgelds von 500 Euro pro Tag zur vollständigen Konformität verpflichtet. Marktüberwachungsbehörden in den Mitgliedstaaten sind 2026 von Auskunftsersuchen zu gezielten Audits übergegangen. Beschwerdemechanismen existieren in jedem Mitgliedstaat, und Behindertenverbände nutzen sie.

Wenn Sie in der EU an Verbraucher verkaufen und Ihre Website nicht barrierefrei ist, ist das keine Reputationsfrage mehr. Es ist eine beaufsichtigte.

Was das Gesetz tatsächlich erfasst

Die Richtlinie 2019/882 gilt für eine definierte Liste von Produkten und Dienstleistungen, nicht für das gesamte Web. Zu den erfassten Dienstleistungen gehören:

E-Commerce, weit definiert als jede Dienstleistung, die es Verbrauchern erlaubt, im Fernabsatz einen Vertrag zu schließen. Wer auf Ihrer Seite stöbern, auswählen und kaufen kann, bringt Sie in den Anwendungsbereich.
Bankdienstleistungen für Verbraucher, einschließlich Online-Banking und Zahlungsoberflächen.
Personenverkehrsdienste, einschließlich Websites, Apps und Ticketing.
Elektronische Kommunikationsdienste.
Zugang zu audiovisuellen Mediendiensten.
E-Books und zugehörige Software.

Erfasste Produkte sind unter anderem Selbstbedienungsterminals, Zahlungsterminals, E-Reader und Verbraucher-Computerhardware.

Zwei Grenzen sind in der Praxis wichtig. Erstens gilt die Richtlinie für Dienstleistungen für Verbraucher. Reine Business-to-Business-Plattformen, interne Werkzeuge und nicht öffentlich angebotene Dienste liegen außerhalb. Zweitens gibt es eine Ausnahme für Kleinstunternehmen bei Dienstleistungen: weniger als zehn Beschäftigte und ein Jahresumsatz oder eine Jahresbilanzsumme von höchstens zwei Millionen Euro. Diese Ausnahme gilt nur für Dienstleistungen, nicht für Produkte, und man beantragt sie nicht, sondern liegt unter dem Schwellenwert oder eben nicht.

Die Ausnahme ist enger, als viele hoffen. Ein Online-Händler mit zwölf Beschäftigten ist erfasst. Ebenso ein Unternehmen mit acht Beschäftigten, das ein physisches Produkt aus dem Produktanhang verkauft.

Der technische Standard

Das Gesetz formuliert funktionale Anforderungen. Technischer Maßstab ist die harmonisierte europäische Norm EN 301 549, in der die eigentlichen prüfbaren Kriterien stehen.

Die aktuell veröffentlichte Fassung V3.2.1 vom März 2021 übernimmt WCAG 2.1 Stufe AA. Eine Überarbeitung im Einklang mit WCAG 2.2 wird erwartet. Sie ergänzt eine überschaubare Zahl von Erfolgskriterien zu Fokusdarstellung, Ziehbewegungen, Zielgröße, konsistenter Hilfe und redundanter Eingabe. Nichts davon ist dramatisch, aber wer jetzt saniert, vermeidet doppelte Arbeit, wenn er gleich auf WCAG 2.2 statt 2.1 baut.

Die Konformität mit der harmonisierten Norm begründet eine Konformitätsvermutung. Das ist das praktische Ziel: heute WCAG 2.1 AA, WCAG 2.2 AA für Luft nach oben.

Was das im Code bedeutet

Anleitungen zur Barrierefreiheit sind meist auf Prinzipienebene geschrieben. So sieht es als Arbeit aus, basierend auf dem, was wir in fast jedem Audit finden.

Semantik und Struktur

Die meisten Barrierefreiheitsfehler sind struktureller Natur. Eine Seite aus verschachtelten Divs mit Click-Handlern gibt einem Screenreader nichts, womit er arbeiten kann.

Verwenden Sie echte Elemente. Ein Button ist <button>, kein Div mit onClick. Ein Link, der navigiert, ist <a href>. Diese eine Änderung repariert Tastaturbedienbarkeit, Fokusverhalten und Ansage in einem Zug.
Landmarks: header, nav, main, footer. Ein main pro Seite.
Überschriften in der richtigen Reihenfolge, die Struktur beschreiben statt nach Schriftgröße gewählt zu sein.
Listen als Listen, Tabellen als Tabellen mit richtigen Kopfzellen und scope.
Sprache am html-Element deklariert und inline gewechselt, wo der Inhalt die Sprache wechselt. Auf einer mehrsprachigen Website zählt das mehr als viele annehmen, weil ein Screenreader sonst Französisch mit englischer Stimme vorliest.

Formulare

An Formularen scheitern Transaktionen, deshalb werden sie genau geprüft.

Jedes Eingabefeld hat ein programmatisch zugeordnetes Label. Platzhaltertext ist kein Label.
Fehler werden im Text benannt, dem Feld zugeordnet und angesagt. Ein roter Rahmen allein kommuniziert für nicht sehende Nutzer nichts.
Pflichtfelder sind so markiert, dass es assistiven Technologien zugänglich ist.
Autocomplete-Attribute an Feldern mit personenbezogenen Daten, ein ausdrückliches WCAG-Kriterium, das nebenbei die Konversion verbessert.
Gruppierte Bedienelemente nutzen fieldset und legend.

Tastatur und Fokus

Alles Interaktive ist per Tastatur erreichbar und bedienbar, in einer Reihenfolge, die dem visuellen Layout entspricht.
Der Fokus ist immer sichtbar. Outlines zu entfernen, ohne sie zu ersetzen, ist ein glatter Verstoß.
Keine Tastaturfallen. Modale Dialoge fangen den Fokus bewusst ein, geben ihn beim Schließen zurück und schließen mit Escape.
Sprunglink zum Hauptinhalt.

Visuelles Design

Textkontrast von mindestens 4,5 zu 1 für normalen Text und 3 zu 1 für großen Text.
Nicht-Text-Kontrast von 3 zu 1 für Bedienelemente und bedeutungstragende Grafiken, was viele kontrastarme Rahmen an Formularfeldern erwischt.
Inhalte fließen bei 320 CSS-Pixeln Breite ohne horizontales Scrollen um.
Text skaliert auf 200 Prozent ohne Inhaltsverlust.
Farbe trägt niemals allein Bedeutung.

Dynamische Inhalte

Live-Regionen kündigen Änderungen an, die ohne Seitenladen passieren, etwa Warenkorb-Updates oder Validierungszusammenfassungen.
Eigene Komponenten tragen korrekte Rollen, Zustände und Eigenschaften. Wer eine Combobox von Hand baut, folgt den ARIA Authoring Practices statt zu improvisieren.
Respektieren Sie die Einstellung für reduzierte Bewegung.
Nichts, was automatisch Audio abspielt, und keine automatisch weiterlaufenden Karussells ohne Pause-Steuerung.

Dokumente und Medien

PDFs im Anwendungsbereich müssen getaggt und lesbar sein. Eine Rechnung oder ein Vertragsdokument als gescanntes Bild fällt durch.
Videos brauchen Untertitel. Vorproduziertes Audio braucht ein Transkript.
Bilder brauchen Alternativtext, der den Zweck vermittelt. Dekorative Bilder bekommen ein leeres alt-Attribut.

Die Barrierefreiheitserklärung

Dienstleister müssen Informationen darüber veröffentlichen, wie der Dienst die Anforderungen erfüllt. Fehlende oder unvollständige Barrierefreiheitserklärungen sind einer der häufigsten Befunde, und es ist merkwürdig, daran zu scheitern, weil es einen Nachmittag kostet.

Eine brauchbare Erklärung nennt das Konformitätsziel, das Datum der letzten Bewertung, die verwendete Methode, eine ehrliche Liste bekannter Einschränkungen mit Zeitplan, einen Rückmeldekanal, den ein echter Mensch betreut, und Angaben zur nationalen Durchsetzungsstelle für Beschwerden.

Nicht übertreiben. Volle Konformität zu behaupten, obwohl eine bekannte Lücke existiert, ist schlechter als eine teilweise Konformität mit Sanierungsplan, rechtlich wie praktisch.

Sanktionen

Sanktionen werden national festgelegt und variieren erheblich. Veröffentlichte Zahlen reichen von bis zu 90.000 Euro in den Niederlanden über 10.000 bis 100.000 Euro pro Verstoß in Deutschland und Stufen von 75.000 bis 300.000 Euro pro Verstoß in Frankreich bis zu 60.000 Euro in Irland. Einige Mitgliedstaaten erlauben umsatzbezogene Berechnungen bei Wiederholung oder Schwere.

Das finanzielle Risiko ist oft nicht der größte Posten. Unter Androhung eines Zwangsgelds zur Sanierung verpflichtet zu werden bedeutet, die Arbeit unter Termindruck und mit Prüfer zu erledigen, was weit teurer ist als sie geplant zu machen.

Overlay-Werkzeuge funktionieren nicht

Barrierefreiheits-Overlays, also JavaScript-Widgets mit dem Versprechen sofortiger Konformität, liefern sie nicht. Sie können fehlende Semantik nicht reparieren, sie können keinen sinnvollen Alternativtext schreiben, und sie stören häufig die assistive Technologie, die ein Nutzer bereits konfiguriert hat. Behindertenverbände sind hier eindeutig, und in Rechtsstreitigkeiten anderer Jurisdiktionen waren wiederholt Seiten mit Overlay beteiligt.

Behandeln Sie sie als Steuer, nicht als Lösung.

Ein realistischer Sanierungspfad

Das ist die Reihenfolge, die wir verwenden und die den größten Teil des Risikos in den ersten beiden Phasen abräumt.

Phase 1: automatischer Scan plus manuelles Audit. Automatische Werkzeuge finden etwa ein Drittel der Probleme, was nützlich, aber bei Weitem nicht ausreichend ist. Kombinieren Sie den Scan mit manuellen Tastaturtests und Screenreader-Tests auf den kritischen Pfaden: Startseite, Kategorie, Produkt, Warenkorb, Checkout, Konto, Kontakt.

Phase 2: Transaktionspfade reparieren. Checkout, Registrierung, Login, Suche. Hier hört eine nicht barrierefreie Website auf, eine Unannehmlichkeit zu sein, und wird zu Ausschluss, und darum wird es in einer Beschwerde gehen.

Phase 3: die Komponentenbibliothek reparieren. Die meisten Seiten bestehen aus einer begrenzten Menge überall wiederholter Komponenten. Button, Input, Modal, Dropdown, Tab und Tabelle einmal zu reparieren repariert hunderte Seiten auf einmal. Hier liegt der Hebel.

Phase 4: Inhalte und Dokumente. Alternativtexte, Überschriften, PDFs, Untertitel. Langsam, aber technisch nicht schwierig.

Phase 5: Rückfall verhindern. Automatisierte Barrierefreiheitsprüfungen in der CI, Linting-Regeln für JSX oder Templates und Barrierefreiheitskriterien in der Definition of Done. Ohne das zahlen Sie das Audit in achtzehn Monaten erneut.

Der Nebeneffekt

Alles oben Genannte verbessert außerdem Sichtbarkeit in der Suche, Core Web Vitals und Konversion. Saubere Überschriftenstruktur, semantisches Markup, echte Labels und ausreichender Kontrast sind dieselben Dinge, die Crawlern beim Parsen helfen und normalen Nutzern dabei, auf dem Handy bei schlechtem Licht einen Kauf abzuschließen.

Es gibt auch eine Überschneidung mit neueren Pflichten. Die Transparenzregeln der KI-Verordnung verlangen, dass Informationen klar und unterscheidbar bereitgestellt werden und dabei geltende Barrierefreiheitsanforderungen erfüllen. Ein KI-Hinweis in einem unzugänglichen Tooltip fällt also doppelt durch. Behandelt in unserem Artikel zur KI-Transparenz.

Womit anfangen

Wenn Sie noch nicht geprüft wurden, fangen Sie mit einer Tastatur an. Ziehen Sie die Maus ab und versuchen Sie, auf Ihrer eigenen Seite einen Kauf abzuschließen. Die meisten Teams finden ihre ersten drei Probleme innerhalb von fünf Minuten, und für das Management ist das überzeugender als jeder Bericht.

Wir führen Barrierefreiheits-Audits und Sanierungsprogramme für Unternehmen in der EU durch, einschließlich Arbeit an der Komponentenbibliothek und CI-Integration, damit die Behebung hält. Mehr dazu auf unserer Seite zur Web-Barrierefreiheit, und der größere regulatorische Kontext steht in unserer Karte der EU-Digital-Compliance 2026.

Schreiben Sie an office@c9group.dev, wenn Sie eine ehrliche Einschätzung Ihres Stands wollen.