Mach deinen WooCommerce-Shop wirklich barrierefrei. EAA & WCAG, ohne Overlay

Die Wahrheit: WooCommerce ist nicht automatisch barrierefrei

Ein sauberes WooCommerce-Block-Theme wie Storefront startet besser als viele Shops, erreicht WCAG 2.2 AA aber selten von allein. Sobald du deinen Checkout anpasst, Erweiterungen installierst oder ein Theme mit hellgrauen Buttons wählst, entstehen Hürden, die deine Kunden, und der European Accessibility Act, nicht akzeptieren.

Was auf WooCommerce häufig schiefgeht

• Checkout-Fehlermeldungen ohne aria-liveSchlägt das Bezahlen fehl, zeigt WooCommerce eine Meldung wie „Bitte gib eine gültige Adresse ein“. Ohne aria-live="assertive" hört ein blinder Nutzer diese Meldung nicht und rät weiter, warum die Bestellung nicht durchgeht.
• Formularfelder ohne verknüpftes LabelIn vielen Themes und Checkout-Anpassungen stehen Felder ohne korrekt verknüpftes Label oder nur mit einem Platzhalter. Ein Screenreader-Nutzer hört dann ein leeres Eingabefeld, ohne zu wissen, was hineingehört.
• Zu niedriger Kontrast bei Theme-ButtonsViele WooCommerce-Themes verwenden hellgrauen Text auf einem farbigen Button oder eine Buttonfarbe nahe am Hintergrund. Das erreicht oft nicht das WCAG-Kontrastminimum, sodass sehbehinderte Kunden „In den Warenkorb“ nicht lesen können.
• Add-to-Cart per AJAX ohne StatusmeldungKlickt ein Kunde auf „In den Warenkorb“, läuft das per AJAX ohne Neuladen der Seite ab. Ohne Live-Region meldet ein Screenreader nicht, dass das Produkt hinzugefügt wurde, sodass der Nutzer nicht weiß, ob die Aktion erfolgreich war.

So sieht eine echte Lösung aus

Nimm ein Formular-Label in deinem WooCommerce-Checkout. Über einen Filter hakst du dich in das Feld ein und gibst ihm einen korrekten, verknüpften Namen, kein Neuaufbau des Checkouts:

<input type="text" name="billing_company" id="billing_company"
  placeholder="Bedrijfsnaam">

add_filter( 'woocommerce_checkout_fields', function( $fields ) {
  $fields['billing']['billing_company']['label'] = __( 'Bedrijfsnaam', 'theme' );
  return $fields;
} );

Was du bekommst

Bei einem Reporting-Tool zahlst du die Lizenz und deine Entwickler, um die Fehler zu beheben. Bei Seviranta ist die Lösung inbegriffen, keine doppelte Rechnung.

Schütze deine Conversion und deinen rechtlichen Status

Eine App, die ein Barrierefreiheits-Icon über deine WooCommerce-Seite klebt, ist ein Risiko für dein Business. Die Fakten im Überblick:

Reicht ein WooCommerce-Barrierefreiheits-Widget für den EAA?

Nein. Ein Widget legt eine Schicht über deine Seite, behebt aber den zugrunde liegenden Code nicht und gilt nicht als strukturelle Compliance.

Fällt mein WooCommerce-Checkout unter den EAA?

Ja. Der Checkout und die Navigation sind ausdrücklich Teil der Verpflichtung nach WCAG 2.1 AA.

Scannt Seviranta auch meine WooCommerce-Apps?

Ja. Wir testen das endgültig generierte HTML. Theme plus Apps, so, wie es eine Aufsichtsbehörde tut.

Verlangsamt das meine WooCommerce-Seite?

Nein. Wir scannen extern von unseren EU-Servern; es kommt kein Skript auf deine Seite. 0 % Einfluss auf deine Ladegeschwindigkeit und Core Web Vitals.