Accessibilité Shopify
Rends ta boutique Shopify vraiment accessible. EAA, RGAA et WCAG, sans overlay
Shopify est puissant, mais pas accessible par défaut : les thèmes, les apps et ton checkout introduisent des obstacles silencieux. Nous les trouvons et livrons la correction dans ton propre code Liquid, aucun widget qui ralentit ton site.
Voici comment Seviranta s'attaque à ton site Shopify à la source
Là où les obstacles se cachent
Les thèmes, extensions et formulaires introduisent des barrières silencieuses. Nous les trouvons toutes.
La correction dans la source, pas par-dessus
Des réparations concrètes dans ton thème Liquid, pas une couche d'overlay qui ne fait que masquer les erreurs.
Pas de widget, pas de ralentissement
Nous crawlons de l'extérieur depuis des serveurs UE, 0 % d'impact sur ta vitesse de chargement et tes Core Web Vitals.
Prêt pour l'EAA
On teste ton site face à WCAG, au niveau auquel les régulateurs contrôlent.
Scan headless avec axe-core, le même moteur que celui de Google Lighthouse, depuis nos serveurs situés dans l'UE. 0% d'impact sur ta vitesse de chargement.
La vérité : Shopify n'est pas accessible par défaut
Un thème Shopify Online Store 2.0 par défaut comme Dawn ou Sense s'en sort mieux que beaucoup de boutiques, mais atteint rarement le WCAG 2.2 AA tout seul. Dès que tu installes des apps, personnalises ton thème ou ajoutes des produits sans texte alternatif, des obstacles apparaissent que tes clients, et le European Accessibility Act, n'acceptent pas.
Ce qui est vraiment en jeu
- Un checkout non accessible est une infraction directe à l'EAA.
- Un widget d'accessibilité ne compte pas comme une solution structurelle.
- Les autorités de contrôle testent le HTML généré, y compris tes apps.
- « On utilise Shopify » n'est pas une défense juridique : la responsabilité incombe à la boutique en ligne en service, pas à la plateforme.
Ce que l'attente peut coûter
jusqu'à € 1.000.000
Maximum UE · Espagne/Luxembourg
$ 4.000
États-Unis · Californie (Unruh), par visite
Tu n'es pas sanctionné du jour au lendemain, d'abord vient une mise en demeure avec un délai. Mais celui qui peut alors présenter un dossier daté s'en sort au moindre coût.
Vois ce qui s'applique à ton marché →Le risque caché des extensions Shopify tierces
Les widgets d'avis, les filtres, les bundlers et les apps de recherche injectent du HTML dynamique dans ton frontend, et chaque mise à jour d'app peut ajouter un nouvel obstacle. Dans un audit, ce code compte pleinement, même si ce n'est pas toi qui l'as écrit. C'est pourquoi Seviranta surveille en continu le résultat final tel qu'un régulateur le voit : ton thème Shopify plus toutes les apps et le contenu dynamique.
Ce qui cloche souvent sur Shopify
- Le tiroir de panier AJAX piège le focus clavierQuand un client ajoute un article, le tiroir du panier glisse à l'écran. Dans beaucoup de thèmes Shopify, le focus y reste piégé (focus trap), si bien que les utilisateurs au clavier et au lecteur d'écran ne peuvent plus atteindre le bouton de paiement.
- Recherche prédictive sans état ariaLes suggestions de recherche AJAX manquent souvent d'aria-expanded et d'une live-region, si bien qu'un lecteur d'écran ne signale jamais que des résultats sont apparus.
- Nuanciers de couleur et filtres sans étatLes nuanciers de variantes et les filtres de collection manquent régulièrement d'aria-checked ou d'aria-expanded, l'utilisateur (et la machine) ne voit pas quel filtre ni quelle couleur est actif.
- Images Liquid sans texte alternatifLes balises img Liquid générées automatiquement transmettent souvent le texte alternatif de l'admin Shopify vide ou cryptique, illisible pour les lecteurs d'écran comme pour Google.
À quoi ressemble une vraie correction
Prends le bouton-icône de ton panier dans ton thème Liquid. Sans nom accessible, un utilisateur de lecteur d'écran n'entend que « bouton ». La correction tient en un seul attribut, pas de reconstruction :
<button class="cart-toggle">
{% render 'icon-cart' %}
</button><button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
{% render 'icon-cart' %}
</button>Ce que tu règles toi-même dans Shopify
Les composants propres à Shopify (admin, checkout, thème Dawn) ont un rapport de conformité et Shopify prend le WCAG 2.2 comme fil conducteur. Mais la boutique telle que la voit ton client, c'est le thème plus les apps plus le contenu. Voici où ça déraille et où tu le corriges.
- 1Connais les limites de Dawn et du checkoutLe rapport de Shopify sur Dawn (WCAG 2.1, version 2.4.0) note « partially supports » entre autres sur les textes alternatifs, les repères (landmarks), la gestion du focus dans les composants dynamiques et le contraste. Le rapport sur le checkout de mars 2026 signale un contraste variable, des anneaux de focus qui peuvent être « incohérents, difficiles à voir ou absents », et un récapitulatif de commande placé après le footer dans le DOM. Un thème standard est un point de départ, pas une garantie.
- 2Texte alternatif par élément médiaProducts → produit → élément média → « Add alt text ». 512 caractères maximum, Shopify en recommande 125. Décris ce qui compte pour la décision d'achat ; les images décoratives reçoivent un alt vide. Dans Dawn, l'alt duplique parfois le titre de la carte produit, ce que Shopify relève comme constat dans son propre rapport.
- 3Couleurs et contraste dans l'éditeur de thèmeOnline Store → Themes → Edit theme → Theme settings → Colors définit les schémas de couleurs pour tout le thème. Il n'y a pas de contrôle de contraste intégré, donc vérifie toi-même : 4,5:1 pour le texte, 3:1 pour les titres à partir de 24 px et pour les bordures de boutons et les icônes (la norme de Shopify). Le Custom CSS est limité à 1 500 caractères pour tout le thème et ne fonctionne pas sur le checkout.
- 4Code du thème et appsLes corrections structurelles (labels manquants, aria-expanded sur les menus, focus dans le tiroir du panier) se trouvent dans les sections et snippets sous Online Store → Edit code. Elles disparaissent à la mise à jour du thème, donc documente-les. Les apps s'injectent via les app embeds avant </head> et </body>, ou directement dans le code de ton thème ; désactive les embeds inutilisés sous Theme settings → App embeds.
- 5Le checkout : ce que tu as vraiment en maincheckout.liquid est abandonné et les extensions de checkout tournent dans un bac à sable sans accès au HTML du checkout. Ce que tu contrôles : le logo, les couleurs et la police via le branding du checkout (dès Basic), des options de style plus larges uniquement sur Plus. Choisis-y des couleurs qui atteignent le ratio de contraste ; le reste du checkout relève de Shopify et figure dans son propre rapport.
Shopify écrit lui-même (juillet 2026) que les widgets d'accessibilité ne doivent pas remplacer la correction et n'ont pas leur place dans une stratégie de conformité. C'est exactement notre ligne : corriger l'erreur dans le thème, pas la masquer.
Ce que tu reçois
Par erreur : quoi, pourquoi et comment
Pour chaque constat, tu vois ce qui ne va pas, qui c'est affecté, quelle règle WCAG est concernée et une solution concrète, pensée pour Shopify, avec un exemple de code quand c'est possible.
Détection spécifique à la plateforme
Tu attrapes les erreurs qui surgissent précisément sur Shopify, pas seulement ce qu’un contrôle WCAG générique repère.
Un dossier qui tient la route
Un aperçu daté de tes scans et de tes constats que tu peux présenter lors d'un audit ou d'une inspection.
Avec un outil de reporting, tu paies la licence et tes développeurs pour corriger les erreurs. Avec Seviranta, la correction est incluse, pas de double facture.
Protège ta conversion et ta situation juridique
Une app qui colle une icône d'accessibilité par-dessus ton site Shopify est un risque pour ton activité. Les faits :
Les widgets d'accessibilité pour Shopify
- Chargent des scripts externes supplémentaires qui nuisent à ta vitesse de chargement (LCP) et donc à ta conversion.
- Masquent l'erreur au lieu de la résoudre, le code sous-jacent reste défectueux.
- Ne te protègent pas contre les plaintes. La FTC a infligé en 2025 une amende d'1 million de dollars au fournisseur d'overlay accessiBe pour des allégations de conformité trompeuses.
L'approche Seviranta
- 0 % d'impact sur ta vitesse de chargement, on scanne de l'extérieur depuis nos serveurs en UE.
- On répare le vrai code source de tes templates Shopify.
- On constitue automatiquement ton dossier EAA conservable, prêt à présenter à un régulateur.
Questions et réponses
- Mon thème vient du Theme Store. N'est-il pas déjà approuvé ?
- Le Theme Store exige un score d'accessibilité Lighthouse de 90 en moyenne et une liste d'exigences de base : clavier, focus visible, textes alternatifs, contraste, labels. C'est une bonne base, mais Lighthouse ne teste qu'une partie des WCAG, et tes couleurs, ton contenu, tes apps et tes personnalisations viennent par-dessus. Une autorité de contrôle teste la boutique telle qu'elle est en ligne.
- Ma boutique Shopify doit-elle respecter le RGAA ou l'EAA ?
- Le RGAA (version 4.1.2, géré par la DINUM) est la méthode française : 106 critères qui couvrent les critères de succès de niveau A et AA du WCAG 2.1 via l'EN 301 549. L'obligation de l'article 47 de la loi 2005-102 vise le secteur public et les entreprises dont le chiffre d'affaires dépasse 250 M€, avec l'Arcom comme autorité de contrôle. Depuis le 28 juin 2025, le e-commerce relève en plus de la transposition de l'EAA dans le Code de la consommation (article L. 412-13), avec une exception pour les micro-entreprises (moins de 10 personnes et 2 M€ de CA ou de bilan au maximum), sous le contrôle de la DGCCRF. Le RGAA évalue la page publiée, quel que soit l'outil de construction. Le checkout de Shopify est couvert par le rapport de Shopify, ton thème et tes apps par toi.
- Seviranta peut-il scanner et corriger le checkout Shopify ?
- Scanner, oui : nous testons les pages publiées, panier et checkout compris. Corriger : ce qui se trouve dans ton thème et tes apps, nous le livrons comme correction dans ton propre code. Ce qui se trouve dans le checkout de Shopify lui-même, tu ne peux l'influencer que via les réglages de branding. Notre rapport fait cette distinction, pour que ton dossier soit exact.
- Un widget d'accessibilité pour Shopify suffit-il pour l'EAA ?
- Non. Un widget pose une couche par-dessus ton site, mais ne répare pas le code sous-jacent et ne compte pas comme une conformité structurelle.
- Mon checkout Shopify relève-t-il de l'EAA ?
- Oui. Le checkout et la navigation font explicitement partie de l'obligation au titre du WCAG 2.1 AA.
- Seviranta scanne-t-il aussi mes apps Shopify ?
- Oui. On teste le HTML final généré, thème plus apps, comme le fait une autorité de contrôle.
- Est-ce que ça va ralentir mon site Shopify ?
- Non. On scanne de l'extérieur depuis nos serveurs en UE ; aucun script ne se pose sur ton site. 0 % d'impact sur ta vitesse de chargement et tes Core Web Vitals.
Nous le faisons aussi nous-mêmes
Nous nous imposons exactement la même exigence : notre propre site affiche 0 erreur dans axe-core, le même moteur que celui de Google Lighthouse, celui avec lequel nous scannons aussi ta boutique Shopify. Ce qu'une machine détecte avec certitude, nous le corrigeons automatiquement, le reste, c'est un humain qui l'évalue. Voici avec quelle rigueur nous te livrons tout ça : vois un vrai exemple de rapport.
Ce que l'EAA et le RGAA attendent de ta boutique Shopify
Depuis juin 2025, ta boutique en ligne doit respecter le WCAG 2.1 AA, une boutique Shopify ne fait pas exception. Le scan gratuit te montre en 60 secondes où tu en es, avec la ligne exacte qui ne passe pas.
Tu vends dans plusieurs pays ?
WCAG est la norme mondiale. Presque chaque marché s'appuie dessus :
Mets ta boutique Shopify en conformité WCAG une seule fois et tu couvres la barre technique sur tous ces marchés. Ce qui change selon le marché, c'est l'autorité de contrôle et les amendes.
Vois ce qui s'applique selon ton marché cible →Tu gères plusieurs sites Shopify pour des clients ?
Évite que les boutiques que tu livres ne deviennent un risque juridique sous l'EAA pour tes donneurs d'ordre. Utilise Seviranta comme ton tampon qualité automatisé à chaque livraison et chaque déploiement, un seul scan, et chaque site est démontrablement en règle.
Découvre notre programme partenaire →Autres plateformes
Pour aller plus loin
Scanne ta boutique Shopify gratuitement
Colle l'URL de ta boutique Shopify dans le scan gratuit et vois en moins d'une minute quelles lignes ne passent pas, avec l'emplacement exact dans ton thème.