WooCommerce · EAA

WooCommerce toegankelijk maken voor de European Accessibility Act

Bij WooCommerce zitten de meeste drempels niet in de plugin zelf, maar in het thema, in aangepaste afrekenvelden en in plugins van derden.

1. Zoom vrijgeven

Uitgeschakelde zoom staat vaak in header.php van het thema. Pas het aan in een child theme:

<meta name="viewport" content="width=device-width, initial-scale=1">

2. Labels in het afrekenformulier

Wie velden aanpast met de filter woocommerce_checkout_fields, maakt het label nooit leeg – een placeholder is niet genoeg.

add_filter( 'woocommerce_checkout_fields', function ( $f ) {
  $f['billing']['billing_phone']['label'] = 'Telefoonnummer';
  return $f;
} );

3. Alt-teksten

Media → Bibliotheek → afbeelding → „Alternatieve tekst”. Begin met logo, startpagina en je bestsellers.

4. Toegankelijkheidsverklaring

Pagina's → Nieuwe pagina, gegenereerde tekst plakken, en in het footermenu opnemen naast privacy en voorwaarden.

Veelgestelde vragen

Is WooCommerce toegankelijk?

De kern van WooCommerce besteedt aandacht aan toegankelijkheid, maar het resultaat hangt sterk af van het thema, page builders en extra plugins. Testen op je eigen webshop blijft nodig.

Helpen toegankelijkheidsplugins of overlays?

Overlays die met één script alles beloven op te lossen, lossen de onderliggende problemen in de code meestal niet op. Beter is het thema en de inhoud zelf te verbeteren.