La boutique en ligne a été développée et testée conformément aux Directives pour l’accessibilité des contenus Web (WCAG) 2.1, niveau AA ; le site fonctionne donc quel que soit l’outil que vous utilisez pour naviguer et effectuer vos achats.
État de conformité
Un audit réalisé en juillet 2026 a vérifié la conformité du thème de la boutique en ligne (la partie du site développée et gérée par Lab401) aux WCAG 2.1 AA ; toutes les non-conformités détectées ont été corrigées. Le site est partiellement conforme. Le thème ne présente aucune non-conformité connue, mais certains composants tiers répertoriés ci-dessous ne sont pas conformes. La méthodologie complète et les résultats sont publiés ci-dessous.
Mode contraste élevé
La palette standard du site conserve certains éléments à faible contraste pour des raisons liées à l’image de marque. Un mode « Contraste élevé » les recolore tous pour atteindre un rapport de contraste d’au moins 4,5:1, soit le seuil requis par le niveau AA. Il peut être activé de trois façons :
- Cliquez sur le bouton « Contraste élevé » situé au bas de n’importe quelle page, sous le sélecteur de langue.
- Appuyez deux fois sur la touche Tab en partant du haut de n’importe quelle page, puis sur Entrée : le bouton d’activation correspond au deuxième arrêt de tabulation.
- Activez le paramètre de contraste élevé de votre système d'exploitation : le site s'y adapte automatiquement (prefers-contrast).
Votre choix est enregistré dans votre navigateur et conservé d’une visite à l’autre.
Fonctionnalités prises en charge par le site
- Navigation au clavier sur l’ensemble du site : un lien « Passer au contenu », un indicateur de focus visible sur chaque élément de contrôle, et des menus qui s’ouvrent avec la touche Entrée et se ferment avec la touche Échap.
- Structure adaptée aux lecteurs d'écran : repères étiquetés, un titre par page, des liens et boutons nommés, ainsi que des champs de formulaire étiquetés.
- Zoom et réorganisation du contenu : la mise en page s'adapte à un zoom de 400 % et à une fenêtre d'affichage de 320 pixels de large ; le zoom par pincement n'est jamais bloqué.
- Mouvements réduits : les animations sont atténuées lorsque le système d’exploitation demande une réduction des mouvements (paramètre « prefers-reduced-motion »).
Limitations connues
- Les lecteurs YouTube intégrés comportent leurs propres commandes, qui présentent des défauts d’accessibilité que Lab401 ne peut pas corriger.
- Le processus de paiement s'exécute sur la plateforme hébergée par Shopify, que Shopify teste et maintient séparément ; sa conformité n'est pas couverte par la présente déclaration.
- Shopify insère des balises de suivi et un bouton « Suivre » pour son application Shop. Le balisage de ces deux éléments échappe au contrôle du thème.
Signaler un problème
Si une partie de ce site ne fonctionne pas avec votre technologie d'assistance, signalez-le via support@lab401.com en indiquant l'adresse de la page et l'outil que vous utilisiez.
Rapport de test : juillet 2026
Méthode
- Audit automatisé – axe-core 4 (moteur WCAG open source de Deque), exécuté dans un navigateur scripté (Chromium piloté par Playwright) sur 13 pages en format bureau (1 440 × 900), dont 3 ont été testées à nouveau en format mobile (390 × 844). Les pages concernées étaient la page d'accueil, deux pages de produits, deux collections, la FAQ, la page de contact, le panier, les résultats de recherche, l'index du blog, un article de blog, la page de connexion et une page relative à la politique de confidentialité.
- Audit au clavier : parcours automatisé vérifiant le lien de saut, la visibilité du focus sur 60 points d'arrêt, le fait que les menus s'ouvrent avec la touche Entrée et se ferment avec la touche Échap, ainsi que le formulaire produit.
- Analyse par lecteur d’écran : inspection de l’arborescence d’accessibilité (la structure annoncée par un lecteur d’écran) sur chaque page, couvrant les repères, l’ordre des titres, les descriptions alternatives des images, les titres des cadres, les libellés des formulaires et les identifiants d’éléments en double.
- Réorganisation et zoom : vérifications de la mise en page avec une fenêtre d’affichage de 320 pixels et un zoom de 400 %.
Constatations et corrections
L’audit a mis en évidence neuf non-conformités distinctes aux WCAG de niveau A ou AA, la plupart récurrentes d’une page à l’autre en raison du partage de composants. Le tableau ci-dessous présente chacune d’entre elles, son ampleur et sa correction :
| Constat | WCAG | Gravité | Solution |
|---|---|---|---|
| Lien du logo du site sans libellé | 2.4.4 Objectif du lien | sur chaque page | Le texte alternatif du logo reprend désormais le nom de la boutique |
| Liens du diaporama sans nom ou en double | 2.4.4 Objectif du lien | Accueil, 4 par série de diapositives | Étiquettes dérivées du contenu des diapositives ; lien en double supprimé de l'ordre de navigation |
| Les vignettes de la galerie ne portent pas de nom | 4.1.2 Nom, rôle, valeur | 5 par produit | Chaque vignette indique désormais « Afficher l'image N sur M » |
| Les commandes de la liste des accessoires ne sont pas nommées | 4.1.2 Nom, rôle, valeur | 4 par produit | Les vignettes en double sont masquées ; les boutons « Ajouter » et « Quantité » sont nommés |
| Le sélecteur de pays dans la FAQ n'est pas libellé | 4.1.2 Nom, rôle, valeur | 1 | Intitulé « Pays ou région de destination » |
| Contraste du texte inférieur à 4,5:1 | 1.4.3 Contraste (minimum) | environ 180 éléments | Le mode « Contraste élevé » modifie la teinte de toutes les couleurs non conformes |
| Tableaux défilants inaccessibles au clavier | 2.1.1 Clavier | 5 zones | Les zones défilantes peuvent désormais recevoir le focus du clavier |
| Les cadres multimédias n’ont pas de titre | 4.1.2 Nom, rôle, valeur | 1 à 3 par page | Les cadres sans titre comportent désormais un titre indiquant leur source |
| Les identifiants d’éléments se répètent entre les composants d’en-tête et de pied de page | 4.1.1 Analyse syntaxique | 3 composants | Chaque identifiant n'apparaît désormais qu'une seule fois par page |
L’audit a également relevé deux faiblesses structurelles qui ne constituent pas des non-conformités de niveau A ou AA. Ces deux points ont été corrigés au cours de la même phase. La page d’accueil a été dotée d’un en-tête, et les en-têtes décoratifs des widgets ont été déclassés afin que la structure de chaque page commence par son titre.
Approche en matière de contraste
Les couleurs par défaut de la marque restent inchangées. Le contraste est assuré par un mode « haut contraste », utilisant la technique G174 des WCAG, qui permet d’activer une option faisant basculer la page vers une version respectant le rapport de 4,5:1. Un bouton de basculement se trouve dans le pied de page, sous le sélecteur de langue. Un second, qui s’affiche lorsque le curseur du clavier se positionne dessus, apparaît juste après le lien de saut, ce qui en fait la deuxième position de tabulation sur chaque page. Ce mode s’active également automatiquement lorsque le système d’exploitation demande un contraste accru. Chaque couleur de remplacement a été mesurée. Le rapport le plus faible est de 6,27:1 et le plus élevé de 9,74:1.
Ce qui est déjà conforme
- Lien « Passer au contenu », premier dans l’ordre de tabulation et visible lorsque le focus est activé.
- Indicateur de focus visible sur les 60 points d'accès échantillonnés.
- Les menus principaux s’ouvrent avec la touche Entrée et se ferment avec la touche Échap, à l’aide des commandes de déploiement intégrées au navigateur.
- Contrôles étiquetés pour la recherche, les variantes, la quantité et la connexion. L’audit automatisé n’a détecté aucune non-conformité sur la page de connexion.
- Réorganisation de la mise en page dans une fenêtre d'affichage de 320 pixels sans défilement horizontal, et le zoom n'est jamais bloqué.
Hors du champ d’application
Quatre composants échappent au contrôle du thème et sont répertoriés comme des limitations connues. Il s’agit de l’interface du lecteur YouTube, des cadres de suivi de Shopify, du bouton « Suivre la boutique » et de la page de paiement Shopify, que Shopify gère et teste séparément.
Vérification
La suite de tests fonctionnels de la vitrine a été validée sur cette même prévisualisation : 157 contrôles portant sur le panier, les variantes, les accessoires, la constitution de lots, les filtres, l’affichage des taxes, ainsi que le changement de devise et de langue.