Ist Ihr Webshop
barrierefrei genug?
Seit 28. Juni 2025 verlangt der European Accessibility Act einen barrierefreien Online-Handel in der ganzen EU. Die Frage ist nicht, ob Ihr Shop perfekt ist, sondern ob die häufigsten Barrieren weg sind.
Ihr Konto nach der ersten Prüfung

Beispielshop. Jeder Punkt öffnet seine Lösung mit den Schritten für Ihr System.
Eine Richtlinie, ein Standard
Jeder Mitgliedstaat setzt dieselbe Richtlinie um, Deutschland im BFSG, Österreich im BaFG. Der technische Maßstab ist überall WCAG 2.1 Stufe AA.
- 01
Kontrast zwischen Text und Hintergrund
Mindestens 4,5:1 für normalen Text. Die häufigste Barriere und die am leichtesten zu behebende.
WCAG 2.1 Erfolgskriterium 1.4.3
- 02
Bilder ohne Alternativtext
Ein Produktbild ohne Alternativtext ist für Screenreader unsichtbar. Ein dekoratives Bild braucht einen leeren alt-Wert.
WCAG 2.1 Erfolgskriterium 1.1.1
- 03
Formularfelder ohne Beschriftung
Ein Eingabefeld ohne Label ist ein Feld ohne Frage. Suchfelder und Newsletter-Anmeldungen sind häufige Fälle.
WCAG 2.1 Erfolgskriterium 1.3.1
- 04
Bedienbare Elemente ohne Namen
Ein Button ohne erkennbaren Namen ist ein Button, der nichts tut, jedenfalls für Screenreader-Nutzer.
WCAG 2.1 Erfolgskriterium 4.1.2
- 05
Tastaturzugänglichkeit
Jede Funktion, die mit der Maus geht, muss auch mit der Tastatur gehen. Dropdown-Menüs und eigene Auswahlfelder scheitern daran oft.
WCAG 2.1 Erfolgskriterium 2.1.1
- 06
Informationen zur Barrierefreiheit (Erklärung)
Dienstleister beschreiben, wie ihr Dienst die Anforderungen erfüllt, in den AGB oder einem gleichwertigen Dokument, öffentlich und selbst barrierefrei.
Art. 13 Abs 2 und Anhang V Richtlinie (EU) 2019/882
Schritt für Schritt
Alternativtexte in Shopify
Produkte, Produkt öffnen, im Bereich Medien auf das Bild klicken und den Alternativtext eintragen. Bilder des Themes im Theme-Editor am jeweiligen Bildblock.
Alternativtexte in WooCommerce
Medien, Bibliothek, Bild öffnen und Alternativtext ausfüllen. Er gilt überall, wo das Bild erscheint.
Kontrast
Die Farbe in den Theme-Einstellungen ändern, bis der Kontrast mindestens 4,5:1 erreicht; der Bericht nennt Element und gemessenen Wert.
Beschriftungen und Namen
Jedem Eingabefeld ein sichtbares Label oder ein aria-label geben, jedem Symbol-Knopf einen Namen, meist im Theme oder in den Einstellungen des Plugins bzw. der App, die ihn einfügt.
Fragen
Was prüft ein automatischer Test?
Werkzeuge wie axe-core prüfen das HTML gegen WCAG-Regeln: Kontrast, Alternativtexte, Beschriftungen, Namen von Bedienelementen, Struktur. Sie finden viele, aber nicht alle Barrieren; Tastaturbedienung und verständliche Inhalte braucht einen Menschen.
Brauche ich eine Erklärung zur Barrierefreiheit?
Dienstleister stellen nach Art. 13 Abs 2 und Anhang V Informationen bereit, wie der Dienst die Anforderungen erfüllt, in den AGB oder einem gleichwertigen Dokument. Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen (Art. 4 Abs 5).
Behebt ein Barrierefreiheits-Widget den Shop?
Ein Widget legt eine Leiste darüber; das HTML des Shops bleibt gleich. Die Barrieren, die ein Test im Code findet, bleiben, bis der Code geändert ist.
Was ein Scan davon zeigt
Er lässt axe-core auf der Startseite, einer Produktseite und der Kasse laufen und meldet, welche Regeln verletzt werden, wie oft, und wie Sie sie beheben. Er behauptet nicht, dass Ihr Shop barrierefrei oder nicht barrierefrei ist, sondern nennt die gefundenen Barrieren, nach Schwere sortiert. Die Ausnahme für Kleinstunternehmen (unter 10 Beschäftigte und unter 2 Millionen Euro Umsatz) lässt sich von außen nicht erkennen; wir vermerken sie, entscheiden sie aber nicht. Auf denselben Seiten prüft er auch die Preisangaben auf der Produktseite.
Stand: 11. Oktober 2026. Wir nennen die Fundstelle, damit Sie nachlesen können; eine Rechtsauskunft ist das nicht.
Weitere Ratgeber
- Cookies vor der Einwilligung: was ePrivacy verlangt
- Preisangaben im Webshop: Grundpreis und Versandkosten
- Cookiebot blockiert nicht?
- Usercentrics blockiert nicht?
- Borlabs Cookie blockiert nicht?
- Real Cookie Banner blockiert nicht?
- Complianz blockiert nicht?
- Cookie-Banner selbst prüfen: in drei Schritten
- Google Fonts lokal einbinden: welches Plugin lädt sie noch?
- Dark Patterns im Onlineshop: fünf Muster und die Lösung
- Widerrufsbutton 2026: Pflicht, Shopify und WooCommerce
- Grundpreis und „zahlungspflichtig bestellen“ im Webshop
- GPSR: Herstellerangaben im Webshop richtig zeigen
- Google Consent Mode v2 Checker: prüfen und einrichten
- Cookie Checker für Websites: kostenlos, mit Ablehnen-Test
- Website-Sicherheit prüfen: Security-Header kostenlos checken