# Checklist du critère WCAG 2.2 sur l’aide cohérente pour un parcours WooCommerce

> Le critère 3.2.6 impose qu'un mécanisme d'aide garde la même position sur tout le parcours. Voici la checklist appliquée au tunnel d'achat WooCommerce.

- Auteur : Clément Hadrot
- Publié le : 2024-05-27
- Mis à jour le : 2024-05-27
- Catégorie : Accessibilité
- URL : https://wpmoderne.dev.wordpress-developpement.fr/accessibilite/checklist-aide-coherente-woocommerce-wcag-22/

## L’essentiel

- Le mécanisme d'aide doit apparaître au même endroit relatif sur chaque page du tunnel
- Chat, lien de contact et FAQ comptent tous comme mécanismes d'aide
- Un changement de thème enfant ou de plugin peut casser la cohérence sans prévenir

Un tunnel d'achat WooCommerce traverse généralement quatre pages distinctes — la fiche produit, le panier, la validation de commande et la page de remerciement — souvent gérées par des templates différents, parfois hérités de plugins distincts (un plugin de chat en direct sur la fiche produit, un plugin de FAQ sur la page panier, rien du tout sur la validation de commande). Cette hétérogénéité est précisément ce que vise le critère 3.2.6 « Aide cohérente » de WCAG 2.2, niveau A : quand un mécanisme d'aide est présent sur plusieurs pages d'un même ensemble, il doit apparaître dans le même ordre relatif par rapport aux autres contenus répétés, sur toutes ces pages.

Ce billet ne revient pas sur l'audit global du tunnel d'achat WooCommerce, déjà traité par ailleurs, mais propose une checklist ciblée, commentée, pour vérifier spécifiquement ce critère sur les quatre pages du parcours d'achat.

## Ce que couvre exactement le critère 3.2.6

Le mécanisme d'aide visé peut prendre plusieurs formes : un lien de contact humain (téléphone, e-mail, formulaire), une fonction de chat en direct, un lien vers une FAQ pertinente pour la tâche en cours. Le critère ne demande pas qu'un mécanisme d'aide soit présent partout, mais que lorsqu'il l'est sur plusieurs pages d'un même parcours, sa position relative reste stable. Un chat qui apparaît en bas à droite sur la fiche produit, puis disparaît sur le panier, puis réapparaît en haut de la page de validation, constitue une rupture de cohérence qui échoue au critère.

> L'essentiel à retenir : Le mécanisme d'aide doit apparaître au même endroit relatif sur chaque page du tunnel ; Chat, lien de contact et FAQ comptent tous comme mécanismes d'aide ; Un changement de thème enfant ou de plugin peut casser la cohérence sans prévenir

## Checklist page par page

1. **Fiche produit** : noter la présence et la position de chaque mécanisme d'aide (widget de chat, lien « une question ? », lien FAQ produit). Ces éléments serviront de référence pour les pages suivantes.
2. **Page panier** : vérifier que les mêmes mécanismes d'aide identifiés sur la fiche produit sont toujours présents, à une position relative équivalente par rapport à l'en-tête et au pied de page. Un plugin de panier qui masque le widget de chat pendant la validation, par exemple pour libérer de l'espace, crée une rupture à documenter.
3. **Page de validation de commande (checkout)** : c'est la page où le mécanisme d'aide disparaît le plus souvent, parce que les thèmes de paiement épurent volontairement l'interface pour réduire les distractions. Si le chat ou le lien de contact disparaît ici alors qu'il était présent avant, il faut soit le réintégrer à une position cohérente, soit vérifier que sa disparition est justifiée par un changement légitime de contexte (ce qui reste rarement le cas au sens strict du critère).
4. **Page de remerciement** : vérifier la cohérence une dernière fois ; un mécanisme d'aide qui réapparaît ici à un endroit différent de celui des pages précédentes casse également la continuité attendue.

## Points de vigilance spécifiques à WooCommerce

- Les templates de checkout sont souvent surchargés par le thème (fichier `woocommerce/checkout/form-checkout.php` copié dans le thème enfant) : un mécanisme d'aide ajouté globalement via un hook comme `wp_footer` peut se retrouver exclu de cette page si le template surchargé ne l'inclut pas.
- Les plugins de chat tiers (souvent chargés via un script dans `wp_footer`) proposent parfois une option pour se masquer automatiquement sur certaines pages, activée par défaut sans que l'équipe projet ne le sache : à vérifier dans les réglages du plugin.
- Un changement de thème enfant, ou une mise à jour de template WooCommerce, peut déplacer silencieusement la position d'un lien de contact intégré dans le pied de page si celui-ci diffère entre les gabarits boutique et les gabarits standards du site.

## Comment documenter le résultat

| Page | Mécanisme d'aide présent | Position relative | Cohérent avec la fiche produit |
| --- | --- | --- | --- |
| Fiche produit | Chat + lien FAQ | Bas à droite / pied de page | Référence |
| Panier | Chat + lien FAQ | Bas à droite / pied de page | Oui |
| Validation de commande | Chat masqué, lien FAQ absent | — | Non |
| Remerciement | Chat + lien FAQ | Bas à droite / pied de page | Oui |

> Sur ce type de vérification, je recommande de faire le tour du parcours en une seule session, capture d'écran à l'appui pour chaque page : les ruptures de cohérence sont souvent invisibles quand on regarde une page à la fois, mais sautent aux yeux dès qu'on les compare côte à côte.

## En résumé

Le critère 3.2.6 sur un tunnel WooCommerce se vérifie en quatre étapes simples : lister les mécanismes d'aide présents sur la fiche produit, puis vérifier leur présence et leur position relative sur le panier, la validation de commande et la page de remerciement. La page de checkout, souvent épurée par choix de conception, est celle où la rupture de cohérence apparaît le plus fréquemment — et c'est précisément celle où une personne en difficulté a le plus besoin de savoir comment obtenir de l'aide.