Maak je WooCommerce-shop écht toegankelijk. EAA & WCAG, zonder overlay

De waarheid: WooCommerce is niet automatisch toegankelijk

Een net WooCommerce-blokthema zoals Storefront start beter dan veel shops, maar haalt zelden vanzelf WCAG 2.2 AA. Zodra je je checkout aanpast, extensies installeert of een thema kiest met lichtgrijze knoppen, ontstaan er drempels die je klanten, en de European Accessibility Act, niet accepteren.

Wat er op WooCommerce vaak misgaat

• Checkout-foutmeldingen zonder aria-liveFaalt het afrekenen, dan toont WooCommerce een melding als 'vul een geldig adres in'. Zonder aria-live="assertive" hoort een blinde gebruiker die melding niet en blijft hij raden waarom de bestelling niet doorgaat.
• Formuliervelden zonder gekoppeld labelIn veel thema's en checkout-aanpassingen staan velden zonder een correct gekoppeld label of met alleen een placeholder. Een screenreader-gebruiker hoort dan een leeg invoerveld zonder te weten wat erin moet.
• Te laag contrast in thema-knoppenVeel WooCommerce-thema's gebruiken lichtgrijze tekst op een gekleurde knop, of een knopkleur dicht bij de achtergrond. Dat haalt het contrastminimum van WCAG vaak niet, waardoor slechtziende klanten 'In winkelwagen' niet kunnen lezen.
• Add-to-cart via AJAX zonder statusmeldingKlikt een klant op 'In winkelwagen', dan verloopt dat via AJAX zonder pagina-herlaad. Zonder live-region meldt een screenreader niet dat het product is toegevoegd, zodat de gebruiker niet weet of de actie is gelukt.

Zo ziet een echte fix eruit

Neem een formulierlabel in je WooCommerce-checkout. Via een filter haak je in op het veld en geef je het een correcte, gekoppelde naam, geen herbouw van de checkout:

<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;
} );

Wat je krijgt

Bij een rapporteer-tool betaal je de licentie én je developers om de fouten op te lossen. Bij Seviranta zit de fix erin, geen dubbele rekening.

Bescherm je conversie én je juridische status

Een app die een toegankelijkheids-icoon over je WooCommerce-site plakt, is een risico voor je business. De feiten op een rij:

Is een WooCommerce accessibility-widget genoeg voor de EAA?

Nee. Een widget legt een laagje over je site, maar repareert de onderliggende code niet en geldt niet als structurele compliance.

Valt mijn WooCommerce-checkout onder de EAA?

Ja. De checkout en navigatie zijn expliciet onderdeel van de verplichting onder WCAG 2.1 AA.

Scant Seviranta ook mijn WooCommerce-apps?

Ja. We testen de uiteindelijke gegenereerde HTML, thema plus apps, zoals een toezichthouder dat doet.

Vertraagt dit mijn WooCommerce-site?

Nee. We scannen extern vanaf onze EU-servers; er komt geen script op je site. 0% impact op je laadsnelheid en Core Web Vitals.