WooCommerce · EAA

Accessibilité WooCommerce : la checklist pratique

Le cœur de WooCommerce est plutôt accessible ; la plupart des problèmes viennent des thèmes, des page builders et des extensions. Corrigez ceux-ci en priorité.

1. Le texte alternatif dans la médiathèque

Médias → Bibliothèque → chaque image produit → « Texte alternatif ». Les images de galerie utilisent ce même champ.

2. Les couleurs du thème

Apparence → Personnaliser → Couleurs. Les boutons, prix, badges promo et notices échouent souvent au contraste de 4,5:1.

3. Les page builders

Elementor, Divi et consorts facilitent les titres dans le désordre et les boutons-icônes sans nom. Respectez la hiérarchie H1 → H2 → H3 et donnez un libellé aux widgets d'icône.

4. Les déclinaisons et pastilles

Les extensions de pastilles (swatches) remplacent souvent le <select> accessible par des div cliquables. Vérifiez qu'elles s'utilisent au clavier, ou gardez la liste déroulante standard.

5. Les formulaires

Contact Form 7, newsletter, champs de commande : chaque champ doit avoir une étiquette visible et les erreurs doivent être annoncées en texte.

6. La déclaration d'accessibilité

Publiez une page de déclaration et liez-la dans le pied de page ; notre générateur gratuit vous la prépare.