Accessibilité e-commerce : le tunnel sous contrainte
Sur un site marchand, l'accessibilité cesse d'être un sujet de conformité pour devenir un sujet de chiffre d'affaires. Un tunnel inutilisable au clavier, ce sont des commandes qui ne se terminent pas. Et depuis le 28 juin 2025, le commerce en ligne entre dans le champ de l'European Accessibility Act.
Voir les obligations d'accessibilité numérique pour le cadre applicable.
Les cinq points de rupture
1. La recherche et les filtres
C'est le premier obstacle. Après application d'un filtre, trois choses doivent se produire : le nombre de résultats est annoncé sans prise de focus, la position du focus reste prévisible, et les filtres actifs sont identifiables autrement que par une pastille colorée. La plupart des implémentations échouent sur les trois.
2. La fiche produit
Les variantes — taille, couleur, déclinaison — sont le point critique. Une sélection par pastilles de couleur sans intitulé textuel rend le choix impossible. Les images doivent porter une alternative utile, et le prix barré doit indiquer textuellement qu'il s'agit d'un ancien prix, pas seulement par une rature visuelle.
3. L'ajout au panier
L'ajout se fait presque toujours sans rechargement. Sans annonce dans une région dédiée, l'utilisateur de lecteur d'écran ne sait pas si son action a fonctionné — et recommence. C'est le cas d'école du message de statut.
4. Le tunnel de commande
Formulaires longs, étapes multiples, validations en temps réel. Quatre exigences : étiquettes associées, erreurs explicites indiquant la correction attendue, attributs d'auto-complétion renseignés, et absence de saisie redondante d'une étape à l'autre. Voir les formulaires accessibles.
5. Le paiement
C'est l'étape la moins maîtrisée, parce qu'elle est souvent déléguée à un prestataire : module de paiement embarqué, cadre externe, page d'authentification bancaire. Une défaillance à ce stade annule tout le travail réalisé en amont.
Le module de paiement n'est pas un « contenu de tiers » au sens des exemptions : vous l'avez choisi, vous le payez, vous en répondez. Exigez de votre prestataire son état de conformité, et inscrivez-le au contrat. Voir les dérogations et exemptions.
Ce que cela change pour l'audit
Un tunnel se teste en entier, sans échantillonnage : chaque étape conditionne la suivante. C'est la raison pour laquelle un audit de site marchand coûte plus cher qu'un audit de site vitrine à nombre de pages comparable. Voir la constitution de l'échantillon.
Par quoi commencer
| Rang | Chantier | Justification |
|---|---|---|
| 1 | Tunnel de commande et paiement | Blocage = perte de commande immédiate |
| 2 | Ajout au panier et messages de statut | Effort faible, effet direct sur la conversion |
| 3 | Fiche produit et sélection de variantes | Gabarit unique, répété des milliers de fois |
| 4 | Recherche à facettes | Effort élevé, forte fréquentation |
| 5 | Contenus éditoriaux et pages d'aide | Se traite en lot éditorial |
Poursuivre
Pour les boutiques construites en application monopage, voyez l'accessibilité des applications React, Vue et Angular.