WooCommerce-Shop auf Barrierefreiheit prüfen
Geben Sie die Adresse einer beliebigen Seite Ihres WooCommerce-Shops ein: Wir prüfen sie in einem echten Browser nach WCAG 2.2 A und AA und erklären jedes Problem mit einer Lösung für WordPress-Themes, Page Builder und Plugins. Kostenlos, ohne Anmeldung, in etwa einer Minute. Eine automatische Prüfung, kein vollständiges Audit.
- Ohne Anmeldung
- WCAG 2.2 A und AA
- Lösungen für WordPress-Themes
Aktualisiert am 14. Oktober 2026
Was der WooCommerce-Barrierefreiheits-Check prüft
Der Scan öffnet Ihre Seite in Chromium, führt axe-core aus, die Open-Source-Regel-Engine, die auch Lighthouse nutzt, und ordnet jeden Befund einem Erfolgskriterium der WCAG 2.2 und der EN 301 549 zu, der europäischen Norm hinter dem EAA. Jeder Befund wird mit einer Karte aus unserer Regelbibliothek erklärt, mit einem eigenen Hinweis für WooCommerce.
Prüfen Sie die Seiten, die Ihre Kundschaft nutzt: die Startseite, eine Kategorie, ein variables Produkt, den Warenkorb und die Anmeldung zum Kundenkonto. Das Checkout-Formular braucht ein Produkt im Warenkorb; prüfen Sie es deshalb mit der Browser-Erweiterung. Einen Shop im Wartungsmodus oder hinter einem Login prüfen Sie mit unserer kostenlosen Browser-Erweiterung.
Typische Probleme in WooCommerce-Shops
In WordPress kommt das Markup aus drei Quellen: dem Theme, dem Page Builder und Plugins. Die WooCommerce-Hinweise unserer Regelkarten sagen, wo das jeweilige Problem meist liegt:
| Problem | Woher es meist kommt | Wie Sie es beheben |
|---|---|---|
| Buttons ohne Namen (kritisch) | Themes, Page Builder, Warenkorb- und Wunschlisten-Plugins | Labels in Templates des Child-Themes oder in den Plugin-Einstellungen ergänzen; Plugin-Buttons an den Plugin-Autor melden |
| Auswahllisten ohne Label (kritisch) | Variantenauswahl, Sortier-Dropdowns, Plugin-Widgets | Labels in Templates des Child-Themes ergänzen oder Plugin-Einstellungen nutzen, die korrekte Labels ausgeben |
| Formularfelder ohne Label (kritisch) | Checkout-, Kundenkonto- und Suchformulare; Formular- und Checkout-Plugins | Labels in Templates des Child-Themes ergänzen oder Plugin-Optionen nutzen, die echte <label>-Elemente ausgeben |
| Zu geringer Textkontrast (schwerwiegend) | Das aktive Theme oder der Page Builder | Farben im Customizer oder in den globalen Stilen ändern oder im CSS des Child-Themes überschreiben |
| Bilder ohne Alternativtext (schwerwiegend) | Bilder aus der Mediathek, Slider, Plugin-Bilder | Das Feld „Alternativer Text“ in der Mediathek ausfüllen und prüfen, ob das Theme es ausgibt |
| Links, die ihr Ziel nicht nennen (schwerwiegend) | Icons im Header, der Mini-Warenkorb, Social-Icon-Plugins | Textlabels im Child-Theme ergänzen oder Plugin-Einstellungen wählen, die zugängliche Labels ausgeben |
| Versteckte Elemente per Tastatur erreichbar (schwerwiegend) | Mobile Menüs, Slider, Pop-up- und Cookie-Plugins | Im Code des Child-Themes beheben oder an den Plugin-Autor melden |
| Überschriftenebenen, die eine Stufe überspringen (mittel) | Page-Builder-Widgets, Widget-Titel des Themes, Produkttitel in der Produktliste | Die Ebene im Block-Editor oder Page Builder einstellen (sie ist unabhängig von der Größe); Titel des Themes in einem Child-Theme ändern |
| Zu kleine Touch-Ziele (mittel) | Varianten-Swatches, Mengenfelder, Icons | Größe oder Innenabstand im CSS des Child-Themes erhöhen |
Der Warenkorb-Button hat keinen Namen
Was das für Ihre Besucher bedeutet
Wer einen Screenreader nutzt, hört nur „Schaltfläche“ und erfährt nicht, dass sie das Produkt in den Warenkorb legt.
So beheben Sie es in Shopify
Geben Sie dem Icon-Button in der Produktvorlage den Text „In den Warenkorb“, sichtbar oder als aria-label.
Element: .product-form > button.cart-icon
Regel: button-name · WCAG 4.1.2 Name, Role, Value (A) · EN 301 549 9.4.1.2
So beheben, dass Updates es nicht rückgängig machen
- Theme: Nutzen Sie ein Child-Theme, den Customizer oder die globalen Stile. Änderungen direkt im Parent-Theme verschwinden mit dem nächsten Update.
- Page Builder: Die meisten Widgets für Überschriften, Buttons und Bilder haben Einstellungen für Ebene, Label und Alternativtext.
- Plugins: Liegt ein Problem in der Ausgabe eines Plugins, melden Sie es mit dem Befund aus dem Bericht an den Autor oder suchen Sie eine Einstellung, die das Markup ändert.
- Inhalt: Alternativtexte in der Mediathek, Linktexte und Überschriften in Produktbeschreibungen schreiben Sie selbst.
Das kostenlose WordPress-Plugin
Unser WordPress-Plugin funktioniert mit WooCommerce. Es zeigt die Probleme im WordPress-Admin direkt bei jeder Seite, jedem Beitrag und jedem Produkt, schlägt Korrekturen vor, die Sie prüfen und freigeben, prüft Bildbeschreibungen und Farben im Editor und fügt eine Seite mit Informationen zur Barrierefreiheit sowie ein Formular „Barriere melden“ hinzu. Es fügt kein Overlay-Widget hinzu und ändert das Theme nicht eigenständig.
Was der Checker nicht tut
Er ändert nichts an Ihrem Shop und fügt kein Overlay hinzu. Er findet den Teil der WCAG-Probleme, den eine Maschine erkennen kann. Ob sich eine Bestellung mit Tastatur und Screenreader aufgeben lässt, ob Alternativtexte sinnvoll sind und ob Fehlermeldungen verständlich sind, muss ein Mensch beurteilen. Unsere WCAG-2.2-Checkliste zeigt, was Sie von Hand testen sollten.
Mit einem kostenpflichtigen Tarif prüfen wir jede Woche jede Seite des Shops und schreiben Berichte für die Inhaber in sieben Sprachen; Agenturen erhalten sie unter ihrer eigenen Marke. Sie verkaufen an Verbraucher in der EU? Beantworten Sie die drei Fragen des EAA-Filters, um zu sehen, ob der European Accessibility Act für Sie gilt. Für einen Shopify-Shop nutzen Sie den Shopify-Barrierefreiheits-Check.
Häufige Fragen
Gibt es einen kostenlosen WooCommerce-Barrierefreiheits-Check?
Ja. Geben Sie oben die Adresse einer Shop-, Kategorie-, Produkt- oder Warenkorbseite ein. Wir prüfen diese eine Seite kostenlos und ohne Konto nach WCAG 2.2 A und AA und zeigen jedes Problem mit einer Lösung für WordPress.
Gibt es ein Barrierefreiheits-Plugin für WooCommerce?
Ja. Unser kostenloses WordPress-Plugin verbindet die Website mit Pandus, zeigt die Probleme im Admin direkt bei jeder Seite, jedem Beitrag und jedem Produkt, schlägt Korrekturen vor, die Sie freigeben, und fügt eine Seite mit Informationen zur Barrierefreiheit hinzu. Ein Overlay fügt es nicht hinzu.
Warum sollte ich Probleme in einem Child-Theme beheben?
Änderungen direkt im Theme gehen beim nächsten Theme-Update verloren. Ein Child-Theme, der Customizer oder die globalen Stile erhalten Ihre Korrekturen auch nach Updates.
Können Sie den WooCommerce-Checkout prüfen?
Teilweise. Bei leerem Warenkorb leitet WooCommerce Besucher vom Checkout meist zurück zum Warenkorb, der Online-Scanner sieht also die Warenkorbseite. Um das Checkout-Formular zu prüfen, legen Sie in Ihrem eigenen Browser ein Produkt in den Warenkorb und starten dort unsere kostenlose Browser-Erweiterung.
Zeigt das Ergebnis, dass mein Shop den EAA erfüllt?
Das kann kein Tool zeigen. Eine automatische Prüfung findet einen Teil der WCAG-Probleme; Prüfungen mit Tastatur, Screenreader und Inhalt durch einen Menschen bleiben nötig. Es ist keine Rechtsberatung.