European Accessibility Act 2026: Anforderungen an E-Commerce

European Accessibility Act: was er ist und warum er Ihren Onlineshop betrifft

Seit dem 28. Juni 2025 ist der European Accessibility Act (EAA, Richtlinie 2019/882) keine Theorie mehr, sondern geltendes Recht in der Europäischen Union. Wenn Sie einen Onlineshop, eine mobile App oder eine E-Commerce-Plattform betreiben, betreffen diese Regeln Sie direkt.

Praktisch bedeutet der EAA eines: Digitale Produkte und Dienstleistungen müssen für Menschen mit Behinderungen zugänglich sein. Das betrifft nicht nur öffentliche Einrichtungen, die seit Jahren eigene Regelungen haben, sondern vor allem den privaten Sektor: Onlineshops, Onlinebanking, Streamingplattformen und Selbstbedienungsterminals.

Als Agenturinhaber sehe ich, dass viele Unternehmer noch nicht wissen, dass ihr Shop bereits geltende Anforderungen möglicherweise nicht erfüllt. Die Sanktionen sind real und können empfindlich ausfallen.

Dieser Beitrag führt durch alles Wesentliche: den genauen Anwendungsbereich des EAA, technische Anforderungen auf Basis von WCAG und eine konkrete Checkliste, die Sie sofort nutzen können.

Für wen gilt der EAA? Pflichten für E-Commerce und digitale Dienste

Die Richtlinie 2019/882 umfasst zahlreiche Produkte und Dienstleistungen. Es geht nicht nur um Konzerne. Die Regeln betreffen jeden Akteur, der erfasste Produkte in Verkehr bringt oder erfasste Dienstleistungen anbietet, unabhängig von der Größe, mit Ausnahme von Kleinstunternehmen unter 10 Beschäftigten und bis zu 2 Millionen EUR Umsatz.

Wenn Sie einen Onlineshop betreiben, Onlinebanking anbieten, E-Books verkaufen oder eine Plattform für audiovisuelle Inhalte führen, betrifft der EAA Sie.

Erfasste Produkte und Dienstleistungen

Umsetzung in Polen: das Gesetz zur Barrierefreiheit von Produkten und Dienstleistungen

Polen setzt den EAA durch das Gesetz vom 26. April 2024 zur Gewährleistung der Barrierefreiheit bestimmter Produkte und Dienstleistungen durch Wirtschaftsakteure um. Die Anforderungen sind keine europäische Abstraktion, sondern haben konkrete Folgen im polnischen Recht, bei polnischen Aufsichtsbehörden und Sanktionen.

Marktüberwachungsbehörde für die Barrierefreiheit von Produkten ist der Präsident des Amts für Wettbewerbs- und Verbraucherschutz (UOKiK), für Dienstleistungen der zuständige Digitalminister. Das sind reale Institutionen mit tatsächlichen Kontrollbefugnissen.

Barrierefreiheit im Onlineshop: welche Anforderungen müssen Sie erfüllen?

Der EAA liefert keine fertige Liste nach dem Muster „hier klicken, dort korrigieren“. Er verweist auf die harmonisierte EN 301 549, deren geltende Version V3.2.1 WCAG 2.1 AA direkt übernimmt. Ihr Shop muss also wahrnehmbar, bedienbar, verständlich und technisch robust sein.

Klingt abstrakt? Übersetzen wir das in konkrete Anforderungen für jeden Onlineshop.

Zentrale Bereiche der Barrierefreiheit im E-Commerce

• Tastaturnavigation - der gesamte Kaufprozess vom Produktstöbern bis zur Bestellung muss ohne Maus funktionieren. Jedes interaktive Element braucht sichtbaren Fokus.
• Kontrast und Lesbarkeit - Text benötigt mindestens 4,5:1 Kontrast zum Hintergrund, großer Text 3:1. Das betrifft Buttons, Formularbeschriftungen, Preise und Produktbeschreibungen.
• Alternativtexte - jedes Produktfoto, Werbebanner und funktionale Symbol braucht ein beschreibendes alt-Attribut. Nicht „image1.jpg“, sondern eine echte Beschreibung des Bildinhalts.
• Formulare und Validierung - Bestell-, Registrierungs- und Kontaktfelder brauchen klare Beschriftungen, verständliche Fehlerhinweise und eine Korrekturmöglichkeit vor dem Absenden.
• Responsive Darstellung und Vergrößerung - Inhalte müssen bei 200% Vergrößerung ohne Funktionsverlust lesbar bleiben. Größerer Text darf das Layout nicht zerlegen.
• Multimedia - Produktvideos brauchen Untertitel, Audioinhalte Transkripte. Animationen müssen anhaltbar sein.

Kaufprozess: wo gehen Nutzer am häufigsten verloren?

In E-Commerce-Audits verursachen unabhängig von der Plattform drei Schritte besonders viele Barrieren:

1. Produkte filtern und sortieren - Dropdowns, Preisschieber und Mehrfachfilter funktionieren selten korrekt mit Screenreadern und Tastatur.
2. Warenkorb und Checkout - dynamische Änderungen an Mengen, Rabattcodes und Versandwahl werden assistiven Technologien oft nicht mitgeteilt.
3. Zahlung - in iframes eingebettete Zahlungsanbieter sind teilweise unzugänglich. CAPTCHA ohne Alternative sperrt Menschen mit Behinderungen aus.

Sanktionen bei EAA-Verstößen: was droht Ihrem Unternehmen?

Der European Accessibility Act ist keine unverbindliche Empfehlung. Jeder EU-Mitgliedstaat muss wirksame, verhältnismäßige und abschreckende Sanktionen einführen. In Polen stehen konkrete Strafen im Umsetzungsgesetz.

Der Durchsetzungsmechanismus ist wichtig, denn es geht nicht nur um ein einmaliges Bußgeld. Die Folgen können mehrere Ebenen betreffen und langfristig wirken.

Sanktionen nach polnischem Recht

• Bußgelder - die Marktüberwachungsbehörde kann bis zu 80.000 PLN für nicht konforme Produkte oder Dienstleistungen verhängen. Bei wiederholten Verstößen ist eine mehrfache Verhängung möglich.
• Anordnung zur Marktrücknahme - erfüllt ein digitales Produkt wie eine App oder ein E-Book-Reader die Anforderungen nicht, kann die Behörde den Verkauf bis zur Behebung aussetzen.
• Einstellung einer Dienstleistung - im Extremfall kann die Aufsicht den Betrieb einer unzugänglichen digitalen Dienstleistung bis zur Anpassung untersagen.
• Information der Verbraucher - das Unternehmen kann zur öffentlichen Mitteilung der Nichtkonformität verpflichtet werden, mit entsprechendem Reputationsrisiko.

Die tatsächlichen Kosten: mehr als Bußgelder

Das Bußgeld ist oft das kleinste Problem. Die realen Kosten fehlender Barrierefreiheit ergeben sich aus mehreren langfristigen Geschäftsfaktoren:

Offen gesagt: Barrierefreiheit sofort umzusetzen ist günstiger, als Lücken unter Kontrolldruck zu stopfen. Geplante Arbeit passt in den normalen Veröffentlichungszyklus und ordnet zugleich Vorlagen. Erzwungene Arbeit muss sofort erfolgen, mitten in der Saison und ohne Testzeit.

WCAG und EAA: technische Anforderungen praktisch erfüllen

Der EAA definiert keine eigenen technischen Kriterien. Er verweist auf EN 301 549, die mit EU-Recht harmonisiert ist und in der geltenden Version V3.2.1 WCAG 2.1 AA direkt übernimmt. Ein Shop, der WCAG 2.1 AA erfüllt, erfüllt daher mit hoher Wahrscheinlichkeit auch die EAA-Anforderungen.

Die Norm wird bereits überarbeitet, die Schwelle steigt. Entwurf V4.1.0 vom November 2025 übernimmt WCAG 2.2 AA; die Referenz auf die fertige V4.1.1 im EU-Amtsblatt wird im Oktober 2026 erwartet. Zielen Sie deshalb bei größeren Shopumbauten gleich auf 2.2 AA. Einige zusätzliche Kriterien bedeuten, die Arbeit einmal statt zweimal zu erledigen.

Aber „WCAG erfüllen“ ist kein Häkchen. Es ist ein Prozess, der Verständnis der vier Grundprinzipien und ihrer Anwendung auf konkrete Shopelemente verlangt.

Die vier WCAG-Prinzipien POUR im E-Commerce

Neue WCAG-2.2-Kriterien, die für E-Commerce besonders wichtig sind

Diese Kriterien kamen mit Version 2.2 hinzu und werden erst mit der neuen Normversion formell gefordert. Ich prüfe sie trotzdem schon, weil sie Stellen betreffen, an denen Warenkörbe tatsächlich verloren gehen:

• Focus Not Obscured (2.4.11 AA) - Tastaturfokus darf nicht von Sticky-Headern, Cookie-Pop-ups oder Chatbots verdeckt werden. Häufig überdeckt die Navigation das aktive Element und Nutzer verlieren die Orientierung.
• Dragging Movements (2.5.7 AA) - jede Ziehbewegung, etwa bei Preisfiltern, braucht eine Alternative per einzelnem Klick.
• Target Size (2.5.8 AA) - interaktive Buttons, Links und Checkboxen benötigen mindestens 24x24 Pixel Berührungsfläche. Kleine Favoriten- oder Entfernen-Symbole scheitern oft daran.
• Redundant Entry (3.3.7 A) - bereits eingegebene Daten, etwa die Lieferadresse, sollen bei der Rechnungsadresse nicht erneut verlangt werden.

Onlineshop für den EAA optimieren: ein praktischer Plan

Barrierefreiheit bedeutet nicht zwingend einen kompletten Neubau. Die meisten Kaufblockaden stecken in Vorlagen und CSS, nicht in der Shopengine: Feldbeschriftungen, Kontrast, Tastaturbedienung und Buttongrößen. Priorisieren Sie nach dem Einfluss auf Nutzer.

Diesen Plan verwenden wir in E-Commerce-Projekten. Er eignet sich für WooCommerce und PrestaShop ebenso wie für individuelle Lösungen.

Sieben Phasen zur Barrierefreiheit im E-Commerce

Schnelle Verbesserungen mit sofortiger Wirkung

Nicht jede Änderung braucht einen Umbau. Diese Maßnahmen lassen sich innerhalb einer Woche umsetzen und verbessern die Barrierefreiheit besonders schnell:

• Beschreibende Alt-Texte für alle Produktfotos ergänzen: statt „IMG_4523“ etwa „Schwarze Lederhandtasche mit Metallverschluss“.
• Bei allen CTA-Buttons wie In den Warenkorb oder Jetzt kaufen ausreichenden Kontrast und mindestens 24x24 px Größe sicherstellen.
• Einen Skip-Link „Zum Inhalt“ am Seitenanfang ergänzen. Fünf Minuten Arbeit machen für Tastaturnutzer einen großen Unterschied.
• Formularfehlermeldungen müssen das konkrete Feld und Problem benennen, nicht nur „Ein Fehler ist aufgetreten“.
• Automatische Karussells auf der Startseite abschalten oder begrenzen und die Steuerung den Nutzern überlassen.

Häufige Barrierefreiheitsfehler im E-Commerce und ihre Lösungen

Bestimmte Fehler begegnen uns unabhängig von Plattform, Branche und Budget. Hier die häufigsten samt konkreter Lösung, damit Sie Ihren Shop sofort prüfen können.

Fehler 1. Fehlende oder generische Alt-Texte

„Produktfoto“, „image.jpg“ und leere Alt-Attribute sind die drei häufigsten Varianten. Screenreadernutzer erfahren so nicht, was das Bild zeigt. Dabei ist das Produktfoto oft der wichtigste Teil der Kaufentscheidung.

Lösung: Beschreiben Sie das Produktfoto wie am Telefon: Farbe, Material, Form und ein wichtiges Detail. Für dekorative Bilder verwenden Sie alt=“”, damit der Screenreader sie überspringt.

Fehler 2. Unzugängliche Filter und Sortierung

Preisschieber, eigene Checkboxen und Filter-Dropdowns sehen gut aus, funktionieren aber fast nie mit Tastatur und Screenreader. Menschen mit Behinderungen können Produkte nicht filtern und werden faktisch von der Nutzung ausgeschlossen.

Lösung: Ersetzen Sie Preisschieber durch Eingabefelder für Minimum und Maximum. Eigene Checkboxen brauchen ARIA-Rollen und Reaktionen auf Leertaste/Enter. Filteränderungen sollten über eine Live-Region angekündigt werden.

Fehler 3. Unsichtbarer oder unbrauchbarer Tastaturfokus

Viele Entwickler setzen outline: none, weil der blaue Rahmen „hässlich aussieht“. Tastaturnutzer sehen dann nicht, welches Element aktiv ist. Das ist wie ein dunkles Zimmer ohne Taschenlampe.

Lösung: Entfernen Sie den Rahmen nie ohne alternativen Fokusindikator. Mit :focus-visible erscheint der Fokus bei Tastaturnavigation statt nach einem Mausklick.

Fehler 4. Checkout nicht mit Screenreadern nutzbar

Dynamische Checkout-Formulare melden Mengenänderungen, Zahlungswahl und neue Summen oft nicht. Nutzer wissen nicht, ob ein Produkt hinzugefügt wurde, was sie bezahlen oder ob die Bestellung abgeschlossen ist.

Lösung: Ergänzen Sie aria-live=“polite” bei dynamischen Warenkorbsummen und Statusmeldungen. Jeder Checkout-Schritt braucht eine klare Überschriftenstruktur.

Fehler 5. Cookie-Pop-up blockiert Inhalte

Ein Cookie-Banner, das keinen Fokus übernimmt oder nicht per Tastatur geschlossen werden kann, blockiert die ganze Seite. Das Problem ist leicht zu beheben und zugleich sehr häufig.

Lösung: Das Banner sollte nach dem Laden Fokus übernehmen, mit Escape schließen und den Fokus danach an die Seite zurückgeben. „Akzeptieren“ muss per Tastatur erreichbar sein.

Fehler 6. Zu wenig Kontrast bei Buttons und Preisen

Grauer Text auf Hellgrau, weiße Preise auf Pastellbannern, blassgelbe Warenkorbbuttons auf Weiß: modisch, aber schlecht zugänglich. Besonders betroffen sind Aktionspreise, Bestseller-Hinweise und sekundäre Buttons.

Lösung: Prüfen Sie alle Texte mit dem WebAIM Contrast Checker. Mindestens 4,5:1 für normalen Text und 3:1 für großen Text ab 18px oder 14px fett.

Was sollten Sie behalten?

Die meisten Fehler entstehen aus Unwissen, nicht aus Absicht. Entwickler und Designer testen selten mit Tastatur oder Screenreader. Ein Nachmittag manueller Tests kann mehr Probleme aufdecken als ein Monat automatischer Scans.

Für einen konkreten Umsetzungsplan nutzen Sie die EAA-Konformitäts-Checkliste im letzten Abschnitt.

EAA-Konformitäts-Checkliste: Schritt für Schritt für E-Commerce

Zum Abschluss eine praktische Checkliste als Einstieg in die Shopbewertung. Sie ersetzt keinen vollständigen Audit, hilft aber, die größten Lücken schnell zu erkennen und Prioritäten festzulegen.

Prüfen Sie jeden Punkt und markieren Sie, ob Ihr Shop ihn erfüllt. Unsichere Punkte zeigen, wo Sie anfangen sollten.

Technische Grundlage

• HTML ist semantisch korrekt; der W3C-Validator meldet keine kritischen Fehler.
• Die Überschriftenhierarchie stimmt: ein H1 pro Seite, logische H2-H6.
• Die Seitensprache steht im lang-Attribut des HTML-Elements.
• Regionen sind semantisch als header, nav, main und footer markiert.
• Die Seite ist vollständig responsiv und bei 200% Vergrößerung lesbar.

Navigation und Interaktion

• Der gesamte Shop von der Startseite bis zur Bestellbestätigung ist nur per Tastatur bedienbar.
• Tastaturfokus bleibt sichtbar und verschwindet nie hinter festen oder haftenden Elementen.
• Ein Skip-Link „Zum Inhalt“ ist vorhanden.
• Modals, Dropdowns und Mega-Menüs schließen mit Escape und halten den Fokus per Focus-Trap.
• Kein Element verlangt ausschließlich Ziehen ohne Klickalternative.

Inhalte und Multimedia

• Alle Produktfotos haben beschreibende Alt-Attribute, weder leer noch generisch.
• Dekorative Grafiken nutzen alt=“” und role=“presentation”.
• Produktvideos haben Untertitel, Audioinhalte Transkripte.
• Textkontrast beträgt mindestens 4,5:1, bei großem Text 3:1.
• Animationen und Karussells lassen sich pausieren oder stoppen.

Formulare und Checkout

• Jedes Formularfeld hat ein verknüpftes Label über label for oder aria-label.
• Fehlermeldungen nennen das konkrete Feld und Problem.
• Nutzer können vor Kaufabschluss Daten zurücknehmen, korrigieren oder bestätigen.
• Die Zahlungsschnittstelle ist zugänglich, einschließlich des Anbieter-iframes.
• Bereits eingegebene Daten werden nicht erneut verlangt.

Dokumentation und Prozess

• Eine Erklärung zur Barrierefreiheit mit letztem Aktualisierungsdatum ist veröffentlicht.
• Probleme können per Formular, E-Mail oder Telefon gemeldet werden.
• Barrierefreiheit wird bei jedem größeren Shopupdate geprüft.
• Entwickler, Designer und Content-Manager sind in Grundlagen geschult.

Zusammenfassung: was aus diesem Beitrag bleibt

Der EAA ist weder Ankündigung noch Branchenempfehlung. Er gilt seit dem 28. Juni 2025, hat ein polnisches Umsetzungsgesetz und Behörden mit realen Kontrollbefugnissen.

Die wichtigsten Punkte

• Die Regeln gelten seit dem 28. Juni 2025. Polen setzt sie mit dem Gesetz vom 26. April 2024 um. Der Präsident des UOKiK beaufsichtigt Produkte, der Digitalminister Dienstleistungen.
• Die Ausnahme für Kleinstunternehmen unter 10 Beschäftigten und bis zu 2 Millionen EUR Umsatz gilt nicht für Hersteller. Prüfen Sie Ihre Einordnung, bevor Sie das Thema beiseitelegen.
• Technische Schwelle ist derzeit WCAG 2.1 AA aus EN 301 549 V3.2.1. Nach der Überarbeitung wird es 2.2 AA. Planen Sie Umbauten gleich nach der höheren Version.
• Bußgelder reichen bis 80.000 PLN und können bei wiederholten Verstößen mehrfach verhängt werden. Hinzu kommen Dienstleistungsstopp und öffentliche Verbraucherinformation.
• Die meisten Kaufbarrieren stecken in Vorlagen und CSS, nicht in der Shopengine. Ein Plattformwechsel ist selten die Antwort.

Was kommt als Nächstes?

• Gehen Sie die Checkliste durch und markieren Sie Unsicherheiten als fertige Startliste.
• Scannen Sie mit axe, WAVE oder Lighthouse und durchlaufen Sie separat den kompletten Kaufweg per Tastatur. Automatik zeigt kritische Fehler, die Tastatur weitere blinde Flecken.
• Priorisieren Sie nach einer Frage: Blockiert das Problem den Kauf? Kosmetik kann warten.

Barrierefreiheit kann unbemerkt kaputtgehen: Ein Deployment mit einem neuen Warenkorb-Plugin genügt. Verankern Sie sie im Veröffentlichungsprozess, statt einmal jährlich unter Kontrolldruck darauf zurückzukommen.

FAQ: häufige Fragen zum European Accessibility Act

Fünf Fragen von Shopinhabern nach dem ersten Kontakt mit dem EAA: Termine, Anwendungsbereich, Sanktionen und der erste Schritt. Ausführlicher behandeln die Abschnitte oben jeden Punkt.

Meist sorgt eine Frage für die größte Unsicherheit: Gilt die Kleinstunternehmens-Ausnahme für meinen Shop? Es hängt davon ab, ob Sie nur verkaufen oder auch herstellen, denn Hersteller sind nicht ausgenommen. Ihre Frage fehlt? Schreiben Sie an biuro@digidraft.pl. Wir antworten innerhalb von 24 Arbeitsstunden.