Accessibilité Shopify : état des lieux et mise en conformité RGAA / EAA
Shopify offre une base technique correcte, mais une boutique en production reste rarement conforme sans travail dédié. Entre le thème choisi, les apps installées et vos propres contenus, l'accessibilité finit toujours par dépendre de vos réglages. Voici ce qui pose réellement problème sur Shopify et comment objectiver la situation.
Shopifyest-il accessible par défaut ?
Shopify ne livre pas une boutique accessible par défaut, il fournit un socle. Le tunnel de paiement (Checkout) hébergé par Shopify a fait l'objet d'un travail de mise en conformité WCAG 2.1 AA côté éditeur, ce qui est un vrai atout. En revanche, les thèmes Online Store 2.0, y compris Dawn qui sert de référence, comportent encore des écarts notables dès qu'on les configure ou personnalise. Dès que vous changez le thème, ajoutez une app ou publiez des fiches produit, l'accessibilité redevient votre responsabilité, pas celle de Shopify.
Les atouts
- Le tunnel de paiement Checkout, géré par Shopify, a été audité et remédié pour viser WCAG 2.1 AA : c'est l'étape la plus sensible et elle part sur de bonnes bases.
- Les thèmes Online Store 2.0 (sections, blocs) reposent sur un HTML plus propre et permettent d'ajouter labels, attributs alt et structure de titres sans toucher au code.
- Le thème par défaut Dawn intègre déjà une gestion du focus, des liens d'évitement et des rôles ARIA sur plusieurs composants, ce qui donne un point de départ exploitable.
- L'éditeur de fiches produit et de pages permet de renseigner les alternatives textuelles des images et de structurer les titres facilement.
Les points de vigilance
- Les apps tierces (avis, popups, filtres, prise de rendez-vous, cookies) injectent leur propre HTML : elles sont la première source d'erreurs WCAG sur Shopify et échappent au contrôle du thème.
- Les carrousels et sliders présents dans de nombreux thèmes premium gèrent mal le clavier et le focus, et masquent souvent du contenu aux lecteurs d'écran.
- Les contrastes par défaut de plusieurs thèmes (texte gris clair, boutons, étiquettes de promotion) ne respectent pas le ratio 4.5:1 attendu en WCAG AA.
- Les formulaires et menus mobiles peuvent créer des pièges au clavier dans les modales (tiroir panier, recherche, navigation), et certains labels reposent uniquement sur le placeholder.
- L'édition libre via l'éditeur riche conduit souvent à des titres mal hiérarchisés, des images sans alternative et des liens non explicites ('cliquez ici').
Checklist pour Shopify
- Tester toute la boutique au clavier seul : navigation, menu mobile, tiroir panier et popups doivent être opérables et le focus toujours visible.
- Auditer chaque app installée séparément : si une app dégrade l'accessibilité et ne propose pas de correctif, envisagez de la remplacer.
- Vérifier les contrastes du thème (texte, boutons, badges promo) et ajuster les couleurs dans les réglages pour atteindre 4.5:1.
- Renseigner les textes alternatifs de toutes les images produit et décoratives, et corriger la hiérarchie des titres dans les pages éditées.
- Contrôler les formulaires (contact, compte, recherche) : labels visibles, messages d'erreur explicites, association label/champ.
- Éviter les bandeaux d'accessibilité ('overlays') automatiques qui ne corrigent pas les erreurs de fond et peuvent aggraver l'expérience.
Un thème ou une extension « accessible » ne suffit jamais à rendre un site conforme. Seul un audit du site réel — avec vos contenus, vos modules et vos parcours — permet de viser la conformité (déclaration d'accessibilité, schéma pluriannuel). En savoir plus sur l'audit.
Testez l’accessibilité de votre site, gratuitement
Vérifiez en moins d'une minute les premiers écarts d'accessibilité de votre site Shopify.
Lancer le diagnostic gratuitPour aller plus loin
Questions sur l'accessibilité Shopify
- Le thème Dawn de Shopify est-il conforme RGAA ?
- Non, pas en l'état. Dawn est l'un des thèmes gratuits les plus soignés et constitue une bonne base, mais il présente des écarts WCAG dès qu'il est configuré ou personnalisé. Un thème dit 'accessible' n'équivaut jamais à une boutique conforme : seul un audit de votre boutique réelle, avec vos apps et vos contenus, permet de le savoir.
- Le Checkout Shopify suffit-il pour être en règle ?
- Le Checkout hébergé par Shopify part sur de bonnes bases car il a été remédié côté éditeur, mais le parcours d'achat commence bien avant le paiement. Si la recherche, les fiches produit, les filtres ou le panier ne sont pas accessibles, l'utilisateur n'atteint jamais le Checkout. La conformité s'évalue sur l'ensemble du parcours.
- L'European Accessibility Act concerne-t-il ma boutique Shopify ?
- Oui, très probablement. L'EAA s'applique depuis le 28 juin 2025 et vise le commerce électronique destiné aux consommateurs, sous réserve des seuils prévus pour les micro-entreprises. Une boutique Shopify de PME ou ETI qui vend en ligne est concernée et doit viser le niveau WCAG AA / RGAA.