WooCommerce ist für viele kleine und mittlere Unternehmen der einfachste Weg, einen eigenen Online-Shop mit WordPress aufzubauen. Man installiert das Plugin, richtet Produkte ein, ergänzt Zahlungsarten, Versandmethoden und Rechtstexte – und schon kann verkauft werden.
Seit dem Barrierefreiheitsstärkungsgesetz, kurz BFSG, kommt aber eine neue Frage dazu:
Muss ein WooCommerce-Shop barrierefrei sein?
Die kurze Antwort lautet: Ja, ein WooCommerce-Shop kann sehr schnell relevant werden, wenn Verbraucher dort Produkte oder Dienstleistungen kaufen können. Denn dann ist die Website nicht mehr nur eine normale WordPress-Seite, sondern ein Online-Shop mit digitalem Kaufprozess.
Und genau dieser Kaufprozess sollte für möglichst viele Menschen nutzbar sein.
WooCommerce ist nicht automatisch barrierefrei
Ein häufiger Irrtum ist: „WooCommerce ist ein bekanntes System, also wird das schon passen.“
Leider ist es nicht so einfach.
WooCommerce liefert zwar die Grundlage für einen Shop, aber der fertige Shop besteht aus viel mehr als nur dem WooCommerce-Plugin. Eine große Rolle spielen:
das WordPress-Theme,
zusätzliche Plugins,
Pagebuilder wie Divi oder Elementor,
Checkout-Erweiterungen,
Zahlungsanbieter,
Versand-Plugins,
Filter-Plugins,
Produktvarianten,
Cookie-Banner,
eigene Design-Anpassungen.
Zwei WooCommerce-Shops können deshalb völlig unterschiedlich zugänglich sein. Der eine ist übersichtlich, gut bedienbar und sauber aufgebaut. Der andere sieht vielleicht modern aus, hat aber viele Hürden im Warenkorb oder Checkout.
WooCommerce allein ist also keine Garantie für Barrierefreiheit.
Warum WooCommerce-Shops besonders wichtig sind
Bei einem normalen Blog oder einer reinen Firmenwebsite lesen Besucher vor allem Informationen. Bei einem WooCommerce-Shop sollen sie aber aktiv etwas tun.
Sie suchen ein Produkt.
Sie wählen Varianten aus.
Sie legen etwas in den Warenkorb.
Sie geben persönliche Daten ein.
Sie wählen Versand und Zahlung.
Sie bestätigen die Bestellung.
Das ist ein kompletter digitaler Geschäftsprozess. Wenn an einer Stelle eine Barriere entsteht, kann der Kauf scheitern.
Ein Beispiel:
Ein Besucher kann das Produkt zwar sehen, aber die Größenauswahl nicht mit der Tastatur bedienen. Oder der Checkout zeigt einen Fehler an, erklärt aber nicht, welches Feld falsch ausgefüllt wurde. Oder ein Zahlungsfenster öffnet sich als Popup und lässt sich nicht sauber nutzen.
Für den Shopbetreiber sieht vielleicht alles normal aus. Für bestimmte Nutzer ist der Kauf aber blockiert.
Gilt das auch für kleine WooCommerce-Shops?
Viele Shopbetreiber denken: „Ich habe doch nur einen kleinen Shop mit ein paar Produkten.“
Das ist verständlich. Trotzdem ist nicht nur die Größe des Shops entscheidend. Wichtiger ist, ob Verbraucher über den Shop online kaufen können.
Ein kleiner WooCommerce-Shop mit zehn Produkten kann aus Kundensicht trotzdem ein richtiger Online-Shop sein. Es gibt Produktseiten, Warenkorb, Checkout, Zahlung und Bestellbestätigung. Genau diese Funktionen machen den Shop relevant.
Für sehr kleine Unternehmen können zwar Ausnahmen eine Rolle spielen. Trotzdem sollte man sich darauf nicht blind verlassen. Gerade wenn Produkte an Verbraucher verkauft werden, sollte man genauer hinschauen.
Praktisch gesagt: Wenn dein WooCommerce-Shop öffentlich erreichbar ist und Privatkunden dort bestellen können, solltest du Barrierefreiheit ernst nehmen.
Welche Bereiche im WooCommerce-Shop sind besonders wichtig?
Bei einem WooCommerce-Shop reicht es nicht, nur die Startseite zu prüfen. Entscheidend sind die Bereiche, die Besucher wirklich zum Kauf führen.
Besonders wichtig sind:
Produktseiten,
Produktvarianten,
Kategorie- und Filterseiten,
Suchfunktion,
Warenkorb,
Checkout,
Zahlungsprozess,
Kundenkonto,
Bestellbestätigung,
Fehlermeldungen.
Wenn diese Bereiche nicht funktionieren, hilft eine schöne Startseite wenig.
Ein Shop sollte nicht nur hübsch aussehen. Er muss den Einkauf zuverlässig ermöglichen.
Produktseiten: Der erste kritische Punkt
Auf der Produktseite entscheidet sich oft, ob ein Kunde kauft oder nicht. Deshalb sollte sie klar aufgebaut sein.
Produktname, Preis, Beschreibung, Lieferzeit, Varianten, Verfügbarkeit und Kaufbutton müssen gut erkennbar sein.
Besonders wichtig sind Produktvarianten. Viele WooCommerce-Shops haben Auswahlfelder für Größe, Farbe, Material, Menge oder Zusatzoptionen. Diese Elemente sollten nicht nur mit der Maus funktionieren. Sie müssen auch mit Tastatur und Hilfsmitteln verständlich nutzbar sein.
Auch Produktbilder spielen eine Rolle. Nicht jedes Bild braucht eine lange Beschreibung. Aber wenn ein Bild wichtige Informationen zeigt, sollte diese Information auch im Text oder im Alt-Text vorhanden sein.
Schlecht wäre zum Beispiel, wenn Größeninformationen nur in einer Bildgrafik stehen. Besser ist eine echte Größentabelle als Text oder HTML-Tabelle.
Warenkorb: Kleine Fehler, große Wirkung
Der Warenkorb wird oft unterschätzt. Dabei ist er ein wichtiger Zwischenschritt vor dem Kauf.
Ein guter Warenkorb sollte klar zeigen:
Welche Produkte sind enthalten?
Welche Menge wurde gewählt?
Was kostet jedes Produkt?
Welche Versandkosten kommen dazu?
Wie hoch ist die Gesamtsumme?
Wie kann ein Produkt entfernt werden?
Wie kommt man weiter zur Kasse?
Buttons sollten eindeutig beschriftet sein. Ein kleines X ohne Erklärung ist schlechter als ein Button mit „Produkt entfernen“. Auch Meldungen wie „Warenkorb aktualisiert“ sollten verständlich erscheinen.
Wenn sich Preise oder Mengen ändern, sollte das für Nutzer nachvollziehbar sein. Niemand sollte raten müssen, ob die Änderung übernommen wurde.
Checkout: Hier muss es wirklich funktionieren
Der Checkout ist der wichtigste Bereich eines WooCommerce-Shops. Wenn hier etwas nicht klappt, ist der Kauf verloren.
Ein barrierearmer Checkout sollte einfach, logisch und verständlich aufgebaut sein.
Jedes Feld braucht eine klare Beschriftung. Pflichtfelder müssen erkennbar sein. Fehlermeldungen sollten konkret sagen, was fehlt oder falsch ist.
Nicht hilfreich ist:
„Fehler beim Ausfüllen.“
Besser ist:
„Bitte geben Sie eine gültige E-Mail-Adresse ein.“
„Bitte wählen Sie eine Versandart aus.“
„Bitte akzeptieren Sie die Allgemeinen Geschäftsbedingungen.“
Auch die Reihenfolge der Felder sollte logisch sein. Rechnungsadresse, Lieferadresse, Versandart, Zahlungsart und Bestellübersicht sollten nicht durcheinander wirken.
Gerade WooCommerce-Checkouts werden oft durch Plugins verändert. Zusätzliche Felder, One-Page-Checkout, Express-Checkout oder mehrstufige Bestellprozesse können praktisch sein, aber auch neue Barrieren erzeugen.
Zahlungsarten und externe Anbieter
Viele WooCommerce-Shops nutzen Zahlungsanbieter wie PayPal, Klarna, Stripe, Mollie, Amazon Pay oder andere Dienste.
Das Problem: Ein Teil des Kaufprozesses findet dann nicht mehr direkt im eigenen Shop statt. Trotzdem erlebt der Kunde diesen Ablauf als Teil der Bestellung.
Wenn ein Zahlungsfenster schwer bedienbar ist, eine Weiterleitung verwirrt oder ein Popup nicht richtig funktioniert, kann der Kauf scheitern.
Shopbetreiber sollten deshalb nicht nur prüfen, ob die Zahlung technisch möglich ist. Sie sollten auch testen, ob der Zahlungsweg verständlich und gut nutzbar ist.
Besonders wichtig ist die Rückleitung zum Shop. Nach der Zahlung sollte klar sein, ob die Bestellung erfolgreich abgeschlossen wurde.
Themes und Pagebuilder können Barrieren erzeugen
Viele WooCommerce-Shops werden mit fertigen Themes oder Pagebuildern gestaltet. Das spart Zeit, kann aber auch Probleme verursachen.
Ein Theme kann optisch schön sein und trotzdem schlechte Kontraste haben. Ein Menü kann modern wirken, aber nicht mit der Tastatur funktionieren. Ein Produkt-Slider kann gut aussehen, aber Screenreader verwirren.
Pagebuilder wie Divi, Elementor oder WPBakery machen vieles einfacher. Gleichzeitig verleiten sie dazu, Layouts nach Optik zu bauen, nicht nach Struktur.
Typische Probleme sind:
falsche Überschriftenreihenfolge,
unklare Buttons,
zu schwache Kontraste,
Animationen ohne Nutzen,
Slider mit automatischem Wechsel,
Popups ohne saubere Bedienung,
mobile Menüs mit schlechter Tastaturführung.
Das heißt nicht, dass man solche Werkzeuge nicht nutzen darf. Man muss nur genauer testen.
Filter, Suche und Kategorien
In WooCommerce-Shops sind Filter oft wichtig. Kunden suchen nach Größe, Farbe, Preis, Marke, Material oder Verfügbarkeit.
Diese Filter müssen verständlich sein. Nutzer sollten erkennen können, welche Filter aktiv sind und wie sie entfernt werden. Auch die Bedienung mit Tastatur sollte funktionieren.
Schwierig wird es, wenn Filter nur über kleine Farbfelder, Icons oder versteckte Dropdowns funktionieren. Wenn nicht klar ist, was ausgewählt wurde, entsteht schnell Verwirrung.
Auch die Suche sollte gut erreichbar sein. Ein kleines Lupensymbol ohne Beschriftung kann problematisch sein. Besser ist ein klar erkennbares Suchfeld oder zumindest ein eindeutig beschrifteter Suchbutton.
Kundenkonto und Login nicht vergessen
Viele WooCommerce-Shops bieten ein Kundenkonto an. Dort können Kunden Bestellungen ansehen, Adressen ändern, Downloads abrufen oder Retouren verwalten.
Auch dieser Bereich sollte zugänglich sein.
Login-Formulare brauchen klare Beschriftungen. Fehlermeldungen sollten verständlich sein. Passwort-zurücksetzen-Funktionen müssen funktionieren. Bestellübersichten sollten übersichtlich aufgebaut sein.
Gerade digitale Produkte, Downloads oder Mitgliedschaften können problematisch werden, wenn der Kundenbereich nicht gut bedienbar ist.
Rechtstexte, AGB und Checkboxen
Im Checkout gibt es oft Checkboxen für AGB, Datenschutz oder Widerrufsbelehrung. Diese Elemente sind klein, aber wichtig.
Die Checkbox muss mit der Tastatur erreichbar sein. Der Text muss verständlich zugeordnet sein. Wenn die Checkbox Pflicht ist, muss eine klare Fehlermeldung erscheinen, falls sie nicht aktiviert wurde.
Auch Links zu AGB, Datenschutz oder Widerruf sollten gut erreichbar und verständlich benannt sein.
Ein häufiger Fehler ist, dass Checkbox und Text optisch zusammengehören, technisch aber nicht sauber verbunden sind. Für Nutzer mit Hilfsmitteln kann das verwirrend sein.
Reicht ein Accessibility-Plugin für WooCommerce?
Viele Shopbetreiber installieren ein Accessibility-Plugin und hoffen, dass der Shop dadurch barrierefrei wird.
Das kann unterstützen, reicht aber normalerweise nicht.
Ein Plugin kann vielleicht Kontraste verändern, Schriftgrößen anpassen oder eine Bedienleiste einfügen. Es repariert aber nicht automatisch einen schlecht aufgebauten Checkout, unzugängliche Produktvarianten, fehlerhafte Formularfelder oder ein problematisches Zahlungsfenster.
Bei WooCommerce muss der eigentliche Kaufprozess funktionieren. Ein Symbol am Seitenrand ist kein Ersatz dafür.
Einfacher Selbsttest für deinen WooCommerce-Shop
Du kannst einen ersten Test selbst durchführen.
Öffne deinen Shop und versuche, eine Bestellung nur mit der Tastatur durchzuführen. Die Maus bleibt weg.
Teste dabei:
Kannst du ein Produkt finden?
Kannst du eine Variante auswählen?
Kannst du das Produkt in den Warenkorb legen?
Kommst du zum Warenkorb?
Kannst du Mengen ändern?
Kommst du zur Kasse?
Kannst du alle Felder ausfüllen?
Kannst du Versand und Zahlung auswählen?
Sind Fehlermeldungen verständlich?
Kannst du die Bestellung abschließen?
Wenn du selbst hängenbleibst, ist das ein klares Warnsignal.
Danach solltest du auch mobil testen. Viele Kunden kaufen über das Smartphone. Ein Checkout, der am Desktop okay ist, kann mobil trotzdem schwierig sein.
Welche WooCommerce-Bereiche solltest du zuerst verbessern?
Wenn du nicht alles auf einmal schaffst, beginne mit den wichtigsten Bereichen.
Priorität haben:
Produktseite, Warenkorb, Checkout, Zahlungsarten, Fehlermeldungen, Kundenkonto und mobile Ansicht.
Danach kannst du weitere Punkte angehen:
Filter, Suche, Produktbilder, Alt-Texte, Überschriften, Blogbereich, Newsletter-Formulare und PDF-Dokumente.
Wichtig ist, nicht planlos an Kleinigkeiten zu arbeiten, während der Checkout noch große Probleme hat. Der Kaufprozess hat Vorrang.
Barrierefreiheit kann auch mehr Verkäufe bringen
Viele Shopbetreiber sehen Barrierefreiheit zuerst als Pflicht. Das ist nachvollziehbar. Aber sie kann auch wirtschaftlich sinnvoll sein.
Ein klarer Checkout reduziert Abbrüche. Verständliche Produktseiten beantworten Fragen. Gute Kontraste helfen auf dem Smartphone. Saubere Formulare vermeiden Fehler. Eindeutige Buttons führen schneller zum Ziel.
Barrierefreiheit hilft also nicht nur Menschen mit Behinderung. Sie verbessert den Shop für alle Kunden.
Und gerade im E-Commerce zählt jeder unnötige Klick, jede Verwirrung und jeder Abbruch.
Muss wirklich jeder WooCommerce-Shop perfekt sein?
Perfektion ist schwer. Aber Ignorieren ist auch keine gute Strategie.
Wenn dein WooCommerce-Shop an Verbraucher verkauft, solltest du das Thema ernst nehmen. Besonders der Weg vom Produkt bis zur Bestellung sollte zugänglich sein.
Für sehr kleine Unternehmen können Ausnahmen relevant sein. Trotzdem lohnt es sich, den Shop barriereärmer zu machen. Denn ein Shop, der leichter zu bedienen ist, wirkt professioneller und verkauft oft besser.
Wichtig ist: Nicht einfach behaupten, der Shop sei barrierefrei, wenn er nicht geprüft wurde. Besser ist ein ehrlicher, schrittweiser Ansatz.
Fazit: Bei WooCommerce zählt der gesamte Kaufprozess
Ein WooCommerce-Shop kann unter das BFSG fallen, wenn Verbraucher dort online kaufen können. Entscheidend ist nicht, dass der Shop mit WordPress gebaut wurde. Entscheidend ist, dass ein digitaler Kaufprozess stattfindet.
Deshalb reicht es nicht, nur ein Accessibility-Plugin zu installieren oder ein paar Alt-Texte zu ergänzen. Wichtig sind Produktseiten, Varianten, Warenkorb, Checkout, Zahlung und Bestellbestätigung.
Mein praktischer Rat: Teste deinen Shop einmal so, als hättest du keine Maus. Gehe den kompletten Kaufprozess durch. Genau dort zeigt sich, ob dein WooCommerce-Shop wirklich gut nutzbar ist.
Barrierefreiheit ist bei WooCommerce kein Nebenthema. Sie betrifft den Kern des Shops: den Einkauf. Und je einfacher dieser Einkauf für alle Menschen funktioniert, desto besser ist das für Kunden, Vertrauen und Umsatz.
Dieser Artikel gibt eine allgemeine Orientierung und ersetzt keine Rechtsberatung.