Le commerce électronique est cité nommémentpar l’European Accessibility Act : toute boutique en ligne qui sert des consommateurs européens doit être accessible. Mais au-delà de l’obligation, une boutique inaccessible perd des ventes tous les jours — souvent sans le savoir.
Pourquoi votre boutique est concernée
L’EAA liste le e-commerce parmi les services prioritaires, au même titre que la banque en ligne. Sont visés le parcours complet : recherche, fiche produit, panier, paiement, création de compte, suivi de commande. Seules les micro-entreprises (moins de 10 salariés etmoins de 2 M€ de chiffre d’affaires) sont exemptées.
L’argument business est au moins aussi fort que le juridique :
- environ 87 millions d’Européensvivent avec un handicap — auxquels s’ajoutent le vieillissement de la population et les situations temporaires (bras cassé, plein soleil, connexion lente) ;
- l’étude annuelle WebAIM Million constate des erreurs WCAG détectables sur plus de 94 %des pages d’accueil testées : vos concurrents sont probablement aussi mal lotis — s’y mettre est un avantage compétitif ;
- les corrections d’accessibilité recoupent largement le SEO (structure, textes alternatifs, liens explicites) et la conversion (formulaires clairs, erreurs compréhensibles).
Les 5 points de friction typiques d’une boutique
1. Fiches produit : images et variantes
Photos sans alternative textuelle utile (« IMG_4032 »), zoom inutilisable au clavier, variantes choisies uniquement par une pastille de couleur — invisible pour un client daltonien ou non-voyant. Chaque variante doit avoir un nom textuel (« Bleu marine », « Taille M »).
2. Filtres et facettes
Les filtres par cases à cocher custom, curseurs de prix et menus déroulants « maison » sont rarement utilisables au clavier, et leurs mises à jour dynamiques ne sont pas annoncées aux lecteurs d’écran. Résultat : impossible d’affiner une recherche.
3. Le tunnel de paiement
C’est le pire endroit pour perdre un client. Champs sans étiquette, messages d’erreur vagues (« une erreur est survenue »), sessions qui expirent sans avertissement, champs de carte sans autocomplete. Chaque obstacle du checkout se paie directement en paniers abandonnés.
4. Pop-ups, bandeaux et overlays
Bandeau cookies impossible à fermer au clavier, pop-up de newsletter qui capture le focus, chat qui recouvre le bouton « Commander » sur mobile. Un overlay mal construit peut bloquer la page entière pour un utilisateur de lecteur d’écran.
5. Contrastes et zoom mobile
Texte gris clair « élégant » illisible, prix barrés en rouge pâle, et zoom désactivé (user-scalable=no) qui empêche les clients malvoyants d’agrandir. Plus de la moitié du trafic e-commerce est mobile : ces détails comptent double.
« Mon thème Shopify / WooCommerce est-il conforme ? »
Probablement pas entièrement. Les thèmes récents des grandes plateformes ont progressé, mais la conformité dépend de votreconfiguration : vos images, vos couleurs de marque, vos apps tierces (avis, chat, pop-ups) et vos contenus. Deux boutiques sur le même thème peuvent avoir des scores très différents — c’est pour ça qu’on teste la boutique réelle, pas le thème.
Plan d’action en 30 jours
- Semaine 1 — mesurer. Auditez vos 3 pages critiques : accueil, une fiche produit représentative, le checkout. Notez le score et les problèmes critiques/sérieux.
- Semaines 2-3 — corriger les fondamentaux. Contrastes, alternatives textuelles, étiquettes de formulaires, navigation clavier des filtres et du panier — notre checklist WCAG sert de fil rouge. La plupart de ces corrections prennent quelques minutes chacune.
- Semaine 4 — re-tester et institutionnaliser. Re-scannez pour mesurer le progrès, ajoutez l’accessibilité à votre checklist de mise en production, et planifiez un audit manuel pour le tunnel de paiement complet.
Premier pas concret : un scan gratuit de votre page d’accueil donne en moins d’une minute votre score et les problèmes détectés. Les questions fréquentes (couverture de l’audit automatique, tarifs) sont dans la FAQ.