WooCommerce und BFSG: Deinen WordPress-Shop barrierefrei machen

WooCommerce: Barrierefreiheit im WordPress-Ökosystem

WooCommerce profitiert von WordPress' grundlegender Barrierefreiheit, bringt aber eigene Herausforderungen: Produktseiten mit variablen Attributen, ein mehrstufiger Checkout-Prozess, Warenkorb-Updates per AJAX und zahlreiche Drittanbieter-Plugins. Jede dieser Komponenten muss einzeln auf Barrierefreiheit geprüft werden.

Produktseiten prüfen

Alt-Texte für alle Produktbilder und Galerie-Bilder setzen. Produktvarianten (Größe, Farbe) müssen per Tastatur auswählbar sein. Preisinformationen dürfen nicht nur visuell hervorgehoben sein.

'In den Warenkorb'-Button muss einen eindeutigen, zugänglichen Namen haben.

Checkout und Warenkorb

Der WooCommerce-Standard-Checkout ist brauchbar, aber oft durch Themes überschrieben. Prüfe: Sind alle Formularfelder beschriftet? Funktioniert die Coupon-Eingabe per Tastatur? Werden Fehler (falsche PLZ, fehlende Felder) zugänglich angezeigt? Ist die Zahlungsauswahl per Tastatur bedienbar?.

Kritische WooCommerce-Plugins prüfen

Jedes Plugin das Frontend-Elemente ändert kann Barrierefreiheit brechen. Besonders kritisch: YITH WooCommerce Wishlist, WooCommerce Product Filter, Variation Swatches, und Quick View Plugins. Teste nach jeder Plugin-Installation die betroffenen Seiten mit dem bf-check.de Scanner.

Häufig gestellte Fragen