Accessibilité Shopify : les corrections les plus fréquentes et comment les faire
Sur les boutiques Shopify que nous avons analysées, trois défauts reviennent presque toujours : un contraste de texte insuffisant, des images sans texte alternatif et des liens ou boutons sans intitulé clair pour un lecteur d'écran. Aucun des trois ne demande de changer de thème : les deux premiers se corrigent le plus souvent depuis l'admin Shopify et l'éditeur de thème, le troisième parfois avec une petite intervention dans le code du thème.
Pourquoi mon thème Shopify n'est-il pas automatiquement accessible ?
Un thème Shopify, y compris un thème officiel, ne garantit pas l'accessibilité de votre boutique. Le centre d'aide de Shopify rappelle que la personnalisation faite dans l'éditeur de thème (choix des couleurs, ajout d'images, structure des titres) influe sur l'accessibilité et peut introduire des non-conformités que le thème de base ne contenait pas. C'est pour cela qu'un contrôle après chaque changement de thème ou de charte graphique est utile, pas seulement au lancement de la boutique.
Le contraste de texte est-il suffisant sur ma boutique ?
C'est la non-conformité la plus fréquente : sur notre baromètre, elle touche 74 % des 140 sites analysés (voir plus bas). Les seuils viennent directement des WCAG 2.1, critère 1.4.3 :
- texte courant : ratio de contraste d'au moins 4,5:1 entre le texte et son arrière-plan ;
- texte large (au moins 18 points, ou 14 points en gras) : ratio d'au moins 3:1.
Sur Shopify, les points les plus souvent fautifs sont le texte posé sur une image de bannière ou de diaporama, et les boutons en couleur claire sur fond clair (ou l'inverse). Pour corriger :
- Repérez le texte concerné dans l'éditeur de thème (bannières, boutons, texte sur image).
- Mesurez le contraste réel avec un vérificateur de contraste (il en existe des gratuits, indépendants de Shopify).
- Si le ratio est insuffisant, assombrissez le texte, éclaircissez le fond, ou ajoutez un bandeau semi-transparent derrière le texte posé sur une photo.
- Revérifiez après modification : un contraste corrigé sur ordinateur peut redevenir insuffisant sur mobile si le thème change la taille du texte ou le cadrage de l'image.
Mes images produits ont-elles un texte alternatif utile ?
31 % des sites de notre baromètre ont des images sans alternative textuelle. Sur Shopify, le champ existe pour chaque image (fiche produit, bannière, image de collection) mais reste vide par défaut : rien ne l'affiche côté client, donc rien n'alerte si on l'oublie.
Ce que dit le critère WCAG 1.1.1 : tout contenu non textuel qui porte une information doit avoir une alternative textuelle qui remplit la même fonction. Concrètement pour une fiche produit :
- Décrivez le produit comme si vous le présentiez à quelqu'un qui ne peut pas voir la photo : type de produit, couleur si elle est un critère d'achat, matière, détail visible distinctif.
- Évitez le texte générique (le nom du fichier, ou juste le nom du produit déjà indiqué à côté).
- Pour une image purement décorative (un motif de fond sans information), laissez le champ vide plutôt que d'y mettre un texte inutile : un texte alternatif qui ne dit rien noie les descriptions utiles.
- Pour une bannière avec du texte incrusté dans l'image, le texte alternatif doit reprendre ce texte, pas seulement décrire l'image.
Où corriger : dans l'admin Shopify, chaque image de produit a un champ dédié (« Texte alternatif ») accessible depuis la fiche produit ; les images de thème se corrigent dans l'éditeur de thème, section par section.
Mes liens et boutons sont-ils compréhensibles hors contexte ?
58 % des sites analysés ont des liens sans intitulé explicite : des « en savoir plus » ou « cliquez ici » répétés plusieurs fois sur une même page, ou des icônes (panier, favoris, recherche) sans étiquette accessible. Un lecteur d'écran peut afficher la liste de tous les liens d'une page à part : si trois liens s'appellent tous « en savoir plus », l'information utile a disparu.
Comment corriger sans réécrire tout le texte visible :
- Repérez les intitulés répétés ou vagues (« ici », « en savoir plus », « voir ») dans les blocs de contenu et le pied de page.
- Complétez l'intitulé visible quand c'est possible (« en savoir plus sur la livraison » plutôt que « en savoir plus »).
- Quand l'intitulé visible ne peut pas être allongé pour des raisons de mise en page (une icône panier, par exemple), il faut un libellé accessible invisible à l'écran, par exemple un attribut
aria-labelajouté dans le code du thème : c'est la correction qui demande le plus souvent l'aide de votre développeur ou de votre agence. - Shopify recommande aussi que les liens texte soient soulignés ou visuellement différenciés autrement que par la seule couleur, pour les personnes qui distinguent mal les couleurs.
Dois-je vérifier autre chose que ces trois points ?
Le centre d'aide de Shopify ajoute d'autres recommandations utiles une fois ces trois corrigés : une hiérarchie de titres sans saut de niveau (un H2 ne doit pas être suivi directement d'un H4), un indicateur visuel net quand un élément reçoit le focus clavier, et l'absence de lecture automatique du son sur les vidéos et diaporamas. Ce sont des points que notre aperçu gratuit ne couvre pas tous : traitez d'abord le contraste, l'alternative textuelle et les intitulés de liens, qui concentrent la majorité des écarts observés.
Ce que montre notre baromètre
Sur les 140 pages d'accueil de boutiques en ligne françaises analysées entre le 13 et le 25 septembre 2026 (page mise à jour : audit.kynetik.fr/barometre), le contraste insuffisant touche 74 % des sites, les liens sans intitulé explicite 58 %, et les images sans alternative textuelle 31 %. Sur le sous-échantillon de 44 pages Shopify, le score médian est de 53,5/100, contre 46/100 sur l'ensemble de l'échantillon. Cet échantillon n'est pas représentatif de l'ensemble du marché : la méthode est détaillée sur la page du baromètre.
Vérifier votre boutique
Notre aperçu gratuit analyse votre page d'accueil en quelques secondes et repère une partie de ces non-conformités. Pour voir le détail que contient un rapport complet, consultez notre exemple de rapport. Le rapport complet à 49 € TTC analyse deux pages de votre boutique (l'accueil et une page produit) et détaille chaque non-conformité relevée automatiquement, avec la correction à apporter.