WooCommerce · EAA

Rendre WooCommerce accessible pour l'European Accessibility Act

Avec WooCommerce, la plupart des obstacles ne viennent pas de l'extension elle-même, mais du thème, des champs de commande personnalisés et des extensions tierces.

1. Réactiver le zoom

Le blocage du zoom se trouve souvent dans header.php du thème. À corriger dans un thème enfant :

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

2. Étiquettes du formulaire de commande

Si vous modifiez les champs avec le filtre woocommerce_checkout_fields, ne videz jamais l'étiquette – un placeholder ne suffit pas.

add_filter( 'woocommerce_checkout_fields', function ( $f ) {
  $f['billing']['billing_phone']['label'] = 'Téléphone';
  return $f;
} );

3. Textes alternatifs

Médias → Bibliothèque → image → « Texte alternatif ». Commencez par le logo, l'accueil et vos meilleures ventes.

4. Déclaration d'accessibilité

Pages → Ajouter, coller le texte généré et l'ajouter au menu du pied de page.

Questions fréquentes

WooCommerce est-il accessible ?

Le cœur de WooCommerce prend en compte l'accessibilité, mais le résultat dépend beaucoup du thème, des constructeurs de pages et des extensions. Il faut tester votre propre boutique.

Les surcouches (overlays) d'accessibilité suffisent-elles ?

Les overlays qui promettent tout corriger avec un seul script ne règlent généralement pas les problèmes du code sous-jacent. Mieux vaut améliorer le thème et le contenu.