Accessibilité d'une boutique WooCommerce : thème, extensions et tunnel de commande

Avec WooCommerce, vous maîtrisez tout le site, y compris la page de commande. C'est une liberté, mais aussi une responsabilité : thème, constructeur de pages et extensions influencent directement l'accessibilité.

Les zones à risque

• Le thème et le constructeur de pages (Elementor, Divi, blocs WordPress…) : boutons construits avec des éléments non cliquables au clavier, titres mal hiérarchisés, contrastes insuffisants.
• Les extensions : paiement, livraison, champs de commande supplémentaires, mini-panier. Chaque extension apporte ses propres champs et messages, pas toujours accessibles.
• La page de commande : étiquettes des champs, champs obligatoires, messages d'erreur, remplissage automatique de l'adresse.

Les problèmes fréquents

1. Mini-panier ou panier latéral qui ne reçoit pas le focus.
2. Champs ajoutés par une extension sans étiquette reliée.
3. Messages d'erreur affichés en haut de page mais non reliés aux champs.
4. Boutons « Commander » stylisés avec des éléments non accessibles au clavier.
5. Menus déroulants inutilisables au clavier.

Bon réflexe

Après chaque mise à jour de WordPress, du thème ou d'une extension, refaites le parcours d'achat au clavier. Ou laissez TabToCart le faire chaque jour pour vous : le test s'arrête toujours avant le paiement et ne passe jamais de commande.