Accessibilité Shopify : le guide RGAA / EAA 2026
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.
- Le CDN et l'optimisation d'images servis par Shopify (formats WebP/AVIF, redimensionnement automatique) améliorent les performances mobiles, ce qui profite aux utilisateurs sur connexion limitée ou en situation de handicap visuel combinant zoom et lecteur d'écran.
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.
- Les emails transactionnels générés par Shopify (confirmation de commande, expédition, facture) embarquent souvent des images sans alternative et des blocs de texte mal structurés, qui pèsent dans un audit complet.
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.
- Tester l'espace Mon compte (historique de commande, adresses, retours) au clavier et au lecteur d'écran, souvent négligé car hors-checkout.
- Auditer la procédure de retour, de suivi colis et les emails automatiques : le parcours post-achat fait partie du périmètre EAA.
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
- La mise en conformité en 6 étapes
- Étude : 9 e-commerces français sur 10 ont une barrière d'accessibilité sérieuse (294 sites analysés)
- Accessibilité et conformité EAA dans l'e-commerce
- Vos obligations EAA (entreprises privées)
- Rendre votre site utilisable au clavier
- Formulaires accessibles
- Tous nos outils d'accessibilité gratuits
- Tester le contraste de vos couleurs
- Pourquoi les overlays ne suffisent pas
L'accessibilité sur les autres plateformes e-commerce
Les écarts RGAA diffèrent d'une plateforme à l'autre. Voici le même état des lieux pour les solutions comparables à Shopify.
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.
- Comment organiser un audit accessibilité d'une boutique Shopify ?
- Trois couches : (1) un scan automatique de type axe-core qui liste les écarts évidents sur les pages clés (accueil, fiche produit, panier, checkout, compte), (2) une navigation à la souris puis au clavier seul pour valider le focus, (3) un test au lecteur d'écran (NVDA sur Windows, VoiceOver sur macOS) sur deux ou trois parcours complets incluant un retour client. Un audit humain couvrant les 50 critères WCAG 2.1 AA reste indispensable pour viser la conformité.
- Le diagnostic gratuit Accessio fonctionne-t-il sur les boutiques Shopify ?
- Oui : notre scan gratuit analyse l'URL publique d'une boutique Shopify comme n'importe quel site. Il parcourt la page d'accueil et les pages les plus structurantes, et restitue un panorama automatisé des écarts WCAG 2.1 AA. Pour les parcours conditionnels (compte, tunnel marchand), un audit humain reste nécessaire.
- Faut-il faire appel à un développeur Shopify ou à un expert accessibilité ?
- Cela dépend du périmètre : renseigner les alt, corriger la hiérarchie des titres et nettoyer les apps inutiles relève d'un accompagnement accessibilité sans code. Pour les problèmes structurels (thème, composants, formulaires sur mesure), un développeur Shopify sera nécessaire. Accessio combine les deux dans sa prestation d'audit + accompagnement.