Barrierefreiheit als Pflicht für Onlineshops: was das Gesetz seit 2025 verlangt und wie Sie es erfüllen

Seit dem 28. Juni 2025 müssen E-Commerce-Dienste, die sich an Verbraucher in der Europäischen Union richten, Anforderungen an die Barrierefreiheit erfüllen. Das ist der European Accessibility Act (Richtlinie (EU) 2019/882), der in Spanien mit der Ley 11/2023 vom 8. Mai umgesetzt wurde.

Über die Pflicht hinaus ist Barrierefreiheit ein Verkaufsargument: Ein Shop, der sich mit der Tastatur, mit Screenreader, mit vergrößerter Schrift oder mit eingeschränktem Sehvermögen bedienen lässt, ist auch für alle anderen bequemer, einschließlich älterer Kunden und derer, die in der Sonne am Smartphone einkaufen.

Bin ich verpflichtet?

• Ja, wenn Sie online an Verbraucher verkaufen und kein Kleinstunternehmen sind.
• Ausgenommen sind Kleinstunternehmen, die Dienstleistungen erbringen, also mit weniger als 10 Beschäftigten und einem Jahresumsatz oder einer Bilanzsumme von höchstens 2 Millionen Euro.
• Zusätzlich gibt es eine Ausnahme wegen unverhältnismäßiger Belastung, die aber bewertet und dokumentiert sein muss; sie ist kein automatischer Ausweg.

Was erfüllt werden muss

Die technische Referenz ist die europäische Norm EN 301 549, die für Websites auf die Richtlinien WCAG 2.1 Stufe AA verweist. Übertragen auf einen Onlineshop ist das Wichtigste:

Wahrnehmbar

• Ausreichender Kontrast zwischen Text und Hintergrund (4,5:1 für normalen Text). Das so beliebte Hellgrau auf Weiß erfüllt das meist nicht.
• Alternativtext bei Produktbildern, der beschreibt, worauf es ankommt („Laufschuh in Marineblau, Seitenansicht“), und leer bei dekorativen Bildern.
• Die Seite lässt sich auf 200 % vergrößern, ohne Inhalte oder Funktionen zu verlieren.
• Informationen hängen nicht nur von der Farbe ab (zum Beispiel „die Größen in Rot sind ausverkauft“).

Bedienbar

• Der gesamte Kauf lässt sich nur mit der Tastatur abschließen: Menü, Filter, Größenauswahl, Warenkorb, Checkout.
• Der Fokus ist immer sichtbar (die Umrandung, die anzeigt, wo Sie sich befinden).
• Karussells und Videos lassen sich anhalten.
• Es gibt keine Zeitlimits, die den Kunden ohne Vorwarnung hinauswerfen.

Verständlich

• Jedes Formularfeld hat sein Label (nicht nur einen Beispieltext im Feld, der beim Tippen verschwindet).
• Fehlermeldungen sagen, was falsch ist und wie man es behebt („Die Postleitzahl muss 5 Ziffern haben“), nicht nur „Fehler“.
• Captchas haben eine Alternative, die nicht davon abhängt, Bilder zu sehen.

Kompatibel mit assistiven Technologien

• Überschriften in der richtigen Reihenfolge (eine H1 pro Seite, dann H2 …), Buttons, die Buttons sind, und Links, die Links sind.
• Dynamische Meldungen („Produkt in den Warenkorb gelegt“) werden dem Screenreader angesagt.

Die Informationen zur Barrierefreiheit

Neben der Erfüllung müssen Sie erklären, wie Sie sie erfüllen: Informationen zur Barrierefreiheit des Dienstes in einem zugänglichen Format, in der Regel auf einer eigenen Seite, die im Footer oder in den AGB verlinkt ist. Sie muss den Dienst beschreiben, wie er die Anforderungen erfüllt und, falls Teile das noch nicht tun, welche und warum.

Genügt es, ein Barrierefreiheits-Widget zu installieren?

Um es klar zu sagen: nein. Ein Barrierefreiheits-Button mit Profilen (mehr Kontrast, Schrift für Legastheniker, Lupe, Lesemodus) ist für viele Nutzer sehr hilfreich, weil sie den Shop an ihre Bedürfnisse anpassen können, ohne etwas an ihrem Gerät einzustellen. Aber er behebt nicht von allein einen Button ohne Label, ein Formular, das sich nicht per Tastatur ausfüllen lässt, oder ein Bild ohne Alternativtext. Richtig ist, beides zu kombinieren: die Basis des Shops korrigieren und zusätzlich die Anpassungswerkzeuge anbieten.

So prüfen Sie Ihren Shop an einem Nachmittag

1. Tastaturtest: Ziehen Sie die Maus ab und versuchen Sie, etwas nur mit Tab, Umschalt+Tab, Eingabe und den Pfeiltasten zu kaufen. Notieren Sie, wo Sie hängen bleiben.
2. Zoomtest: Vergrößern Sie den Browser auf 200 % und wiederholen Sie den Test.
3. Automatische Prüfung: Lassen Sie Lighthouse (in Chrome) oder die Erweiterung axe über Startseite, eine Kategorie, eine Produktseite, den Warenkorb und den Checkout laufen. Sie erkennen fehlende Kontraste, Labels und Alternativtexte.
4. Screenreader: NVDA unter Windows (kostenlos) oder VoiceOver auf Mac und iPhone. Hören Sie, wie Ihre Produktseite klingt.
5. Den Kaufprozess priorisieren: Ein Problem im Checkout wiegt schwerer als eines im Blog.

Automatische Werkzeuge finden nur einen Teil der Probleme; Tests mit Tastatur und Screenreader sind unverzichtbar. Und wenn möglich, holen Sie die Meinung echter Nutzer mit Behinderung ein: Das ist der Test, aus dem man am meisten lernt.

Häufige Fehler in PrestaShop-Shops

• Icons ohne Text (Warenkorb, Suche, Konto), die der Screenreader nur als „Button“ ansagt.
• Größen- oder Farbauswahl aus Bildern, die sich nicht mit der Tastatur wählen lassen.
• Pop-ups (Cookies, Newsletter), die den Fokus einfangen oder sich nicht mit Escape schließen lassen.
• Von anderen Seiten kopierte Produktbeschreibungen mit ungeordneten Überschriften oder Tabellen als Layout.
• Produktvideos ohne Untertitel.

Dieser Artikel dient der Information und ersetzt weder ein Barrierefreiheits-Audit noch eine Rechtsberatung.