# Barrierefreiheit-Test für Onlineshops: WCAG, BFSG, BaFG > Wie sich ein Webshop nach dem European Accessibility Act (BFSG, BaFG) prüfen lässt: Test mit axe-core auf Startseite, Produktseite und Kasse, nach WCAG 2.1 AA. Source: https://konformia.at/barrierefreiheit-webshop # 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. Website kostenlos prüfen Ihr Konto nach der ersten Prüfung Beispielshop. Jeder Punkt öffnet seine Lösung mit den Schritten für Ihr System. Kostenlos 14 Tage testen, ohne Kreditkarte. Ergebnis meist in unter zwei Minuten. ## 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](https://konformia.at/preisangaben-produktseite). Website kostenlos prüfen 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](https://konformia.at/cookies-vor-einwilligung) - [Preisangaben im Webshop: Grundpreis und Versandkosten](https://konformia.at/preisangaben-produktseite) - [Cookiebot blockiert nicht?](https://konformia.at/cookiebot-blockiert-nicht) - [Usercentrics blockiert nicht?](https://konformia.at/usercentrics-blockiert-nicht) - [Borlabs Cookie blockiert nicht?](https://konformia.at/borlabs-cookie-blockiert-nicht) - [Real Cookie Banner blockiert nicht?](https://konformia.at/real-cookie-banner-blockiert-nicht) - [Complianz blockiert nicht?](https://konformia.at/complianz-blockiert-nicht) - [Cookie-Banner selbst prüfen: in drei Schritten](https://konformia.at/cookie-banner-selbst-pruefen) - [Google Fonts lokal einbinden: welches Plugin lädt sie noch?](https://konformia.at/google-fonts-quelle-finden) - [Dark Patterns im Onlineshop: fünf Muster und die Lösung](https://konformia.at/dark-patterns-onlineshop) - [Widerrufsbutton 2026: Pflicht, Shopify und WooCommerce](https://konformia.at/widerrufsbutton) - [Grundpreis und „zahlungspflichtig bestellen“ im Webshop](https://konformia.at/grundpreis-zahlungspflichtig-bestellen) - [GPSR: Herstellerangaben im Webshop richtig zeigen](https://konformia.at/gpsr-herstellerangaben) - [Google Consent Mode v2 Checker: prüfen und einrichten](https://konformia.at/google-consent-mode-v2) - [Cookie Checker für Websites: kostenlos, mit Ablehnen-Test](https://konformia.at/cookie-check) - [Website-Sicherheit prüfen: Security-Header kostenlos checken](https://konformia.at/website-sicherheit-pruefen)