Digitale Barrierefreiheit stand lange auf der Liste der Dinge, die „schön wären“. 2026 ist das vorbei. Der European Accessibility Act (EAA) gilt seit dem 28. Juni 2025 und verlangt von Unternehmen, die Verbrauchern in der Europäischen Union Produkte oder Dienstleistungen online anbieten, barrierefreie Websites und Apps. In Deutschland wird er durch das Barrierefreiheitsstärkungsgesetz (BFSG) umgesetzt. Eine barrierefreie Website ist aber nicht nur eine rechtliche Pflicht: Sie ist auch schneller, verständlicher und schneidet in Suchmaschinen besser ab.
In diesem Leitfaden erklären wir, was WCAG 2.2 Neues bringt, für wen der EAA gilt und wie Sie Ihre Website Schritt für Schritt barrierefrei machen.
Was ist digitale Barrierefreiheit?
Digitale Barrierefreiheit bedeutet, dass Menschen mit Seh-, Hör-, motorischen oder kognitiven Beeinträchtigungen eine Website genauso leicht nutzen können wie alle anderen. Dazu gehört, dass Screenreader-Nutzer Bilder über Alternativtexte verstehen, dass jemand ohne Maus die Website allein mit der Tastatur bedienen kann und dass Menschen mit Sehschwäche Texte mit ausreichendem Kontrast lesen können.
Barrierefreiheit hilft nicht nur Menschen mit Behinderungen. Wer das Smartphone in der Sonne nutzt, einen Arm im Gips hat, mit langsamer Verbindung surft oder älter ist, profitiert ebenso direkt von barrierefreiem Design.
Was hat sich mit WCAG 2.2 geändert?
Der internationale Maßstab für Barrierefreiheit sind die vom W3C veröffentlichten WCAG (Web Content Accessibility Guidelines). WCAG 2.2 erschien im Oktober 2023 und ergänzt Version 2.1 um neue Erfolgskriterien, vor allem für die mobile Nutzung und die kognitive Barrierefreiheit. Die wichtigsten Neuerungen auf Stufe AA:
- Fokus nicht verdeckt (2.4.11): Bei der Tastaturnavigation darf das fokussierte Element nicht vollständig hinter fixierten Kopfzeilen, Cookie-Bannern oder anderen Ebenen verschwinden.
- Ziehbewegungen (2.5.7): Für jede Aktion per Ziehen muss es eine Alternative mit einem einfachen Klick geben.
- Zielgröße (Minimum) (2.5.8): Klickbare Ziele sollten mindestens 24×24 CSS-Pixel groß sein oder ausreichend Abstand zueinander haben.
- Konsistente Hilfe (3.2.6): Hilfeangebote wie Kontakt, Support oder Chat sollten auf allen Seiten an derselben Stelle stehen.
- Redundante Eingaben (3.3.7): Nutzer sollten Angaben, die sie im selben Vorgang bereits gemacht haben, nicht erneut eingeben müssen.
- Barrierefreie Authentifizierung (Minimum) (3.3.8): Die Anmeldung darf nicht von kognitiven Tests wie Rätseln oder dem Merken eines Passworts abhängen; Passwortmanager und Kopieren und Einfügen müssen funktionieren.
Für wen gilt der European Accessibility Act?
Der EAA (Richtlinie (EU) 2019/882) hat Barrierefreiheit seit dem 28. Juni 2025 für bestimmte Produkte und Dienstleistungen auf dem EU-Markt zur Pflicht gemacht. Zu den erfassten Dienstleistungen gehören vor allem E-Commerce, Bankdienstleistungen, E-Books, Ticketing im Personenverkehr und elektronische Kommunikation.
- Der Firmensitz ist nicht entscheidend: Auch ein Onlineshop außerhalb der EU, der an Verbraucher in der EU verkauft, kann unter den Anwendungsbereich fallen.
- Technische Grundlage ist die EN 301 549: Die europäische Norm verweist für Webinhalte derzeit auf WCAG 2.1 AA; die nächste Fassung soll auf WCAG 2.2 umstellen. Für neue Projekte ist es daher sinnvoll, direkt WCAG 2.2 AA anzustreben.
- Informationen zur Barrierefreiheit: Dienstleister müssen erläutern, wie ihre Dienstleistung die Anforderungen an die Barrierefreiheit erfüllt.
- Ausnahme für Kleinstunternehmen: Kleinstunternehmen, die Dienstleistungen erbringen und weniger als 10 Beschäftigte sowie höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme haben, sind von den Anforderungen an Dienstleistungen ausgenommen.
Marktüberwachung und Sanktionen regelt jeder EU-Mitgliedstaat in seinem nationalen Recht. Je nachdem, in welche Länder Sie verkaufen, empfehlen wir, die jeweiligen nationalen Vorgaben mit einer Rechtsberatung zu prüfen.
Wie hilft Barrierefreiheit bei SEO und Umsatz?
Barrierefreiheit und SEO beruhen auf denselben Grundlagen. Suchmaschinen-Crawler „lesen“ eine Seite ganz ähnlich wie ein Screenreader:
- Eine korrekte Überschriftenhierarchie (H1, H2, H3) erklärt Screenreadern und Google die Struktur der Seite.
- Alternativtexte bei Bildern sorgen für Sichtbarkeit in der Bildersuche.
- Aussagekräftige Linktexte („unsere Webdesign-Leistungen“ statt „hier klicken“) stärken die interne Verlinkung.
- Ausreichender Kontrast, gut lesbare Schrift und große Touch-Ziele verbessern die mobile Nutzung und senken die Absprungrate.
Ein barrierefreies Formular wird von mehr Menschen ausgefüllt, ein barrierefreier Checkout bedeutet weniger abgebrochene Warenkörbe. Kurz gesagt: Barrierefreiheit ist eine Investition in die Nutzererfahrung mit direkter Wirkung auf die Conversion-Rate.
8 Schritte zu einer barrierefreien Website
- Ausgangslage messen: Prüfen Sie alle Vorlagen mit automatischen Tools wie Lighthouse und axe. Bedenken Sie, dass automatische Tests nur einen Teil der Probleme finden.
- Mit der Tastatur navigieren: Legen Sie die Maus beiseite und bedienen Sie Ihre Website nur mit Tab, Enter und den Pfeiltasten. Ist der Fokus sichtbar, öffnen sich Menüs, lassen sich Dialoge schließen?
- Mit einem Screenreader testen: Hören Sie sich Ihre wichtigsten Seiten mit VoiceOver (macOS/iOS) oder NVDA (Windows) an.
- Farbkontraste korrigieren: Streben Sie für normalen Text mindestens 4,5:1 und für großen Text mindestens 3:1 an.
- Formulare beschriften: Jedes Feld braucht eine sichtbare Beschriftung, verständliche Fehlermeldungen und Hinweise zur Korrektur.
- Alternativen für Bilder und Videos: Geben Sie bedeutungstragenden Bildern beschreibende Alternativtexte und versehen Sie Videos mit Untertiteln.
- Bewegung kontrollieren: Automatisch laufende Slider müssen sich anhalten lassen, und für Nutzer, die im Betriebssystem „Bewegung reduzieren“ wählen, sollten Animationen reduziert werden.
- Barrierefreiheit im Prozess verankern: Wiederholen Sie die Prüfungen, wenn neue Inhalte und Seiten hinzukommen, und schulen Sie Redakteure zu Alternativtexten und Überschriftenstruktur.
Reichen Barrierefreiheits-Overlays aus?
Barrierefreiheits-Toolbars, die mit einer einzigen Codezeile eingebunden und mit dem Versprechen „sofort konform“ verkauft werden, beheben keine Probleme im Quellcode. Ein Formularfeld ohne Beschriftung oder ein Menü, das sich nicht per Tastatur öffnen lässt, wird durch eine darübergelegte Toolbar nicht repariert. Die dauerhafte Lösung ist, Barrierefreiheit schon in Design und Entwicklung zu berücksichtigen.
Das heißt nicht, dass Werkzeuge für zusätzlichen Komfort wertlos sind. Auf einer sauber umgesetzten Website bereichern Optionen wie Schriftgröße, Kontrast oder eine Lesehilfe das Erlebnis, solange sie die grundlegende Barrierefreiheit nicht ersetzen.
Ein echtes Beispiel: Özürlüler Vakfı
Bei Rectura haben wir die Website der Stiftung Özürlüler Vakfı mit Barrierefreiheit im Mittelpunkt neu gestaltet und entwickelt. Die Website wurde nach WCAG 2.2 AA umgesetzt: Alle Vorlagen bestehen automatisierte Barrierefreiheitstests ohne Fehler und erreichen in Lighthouse 100 Punkte für Barrierefreiheit. Zusätzlich haben wir ein eigenes Barrierefreiheitsmenü mit Vorlesefunktion, Kontrast- und Farbfehlsichtigkeitsfiltern sowie vorgefertigten Profilen für unterschiedliche Bedürfnisse entwickelt.
Häufig gestellte Fragen
Gilt der EAA auch für Unternehmen außerhalb der EU?
Wenn Sie eine erfasste Dienstleistung, etwa E-Commerce, Verbrauchern in der EU anbieten, schützt ein Firmensitz außerhalb der EU nicht vor dem Anwendungsbereich. Verkaufen Sie nur an Kunden außerhalb der EU, gilt der EAA nicht direkt; Barrierefreiheit bleibt dennoch eine starke Investition in Nutzererfahrung und SEO.
Bedeutet ein Lighthouse-Wert von 100, dass meine Website barrierefrei ist?
Nein. Ein Wert von 100 zeigt, dass die automatisch prüfbaren Regeln erfüllt sind. Tastaturbedienung, Screenreader-Erlebnis und Verständlichkeit der Inhalte erfordern manuelle Tests.
Bestehende Website verbessern oder neu bauen?
Liegen die meisten Probleme auf Vorlagenebene, reicht es oft, die bestehende Website zu verbessern. Ist die Plattform veraltet und steht ohnehin ein neues Design an, kann ein Relaunch, der Barrierefreiheit von Anfang an einplant, wirtschaftlicher sein.
Wenn Sie die Barrierefreiheit Ihrer Website gemeinsam mit uns prüfen möchten, können Sie ein Angebot anfordern.