SevirantaVoici à quoi ressemble un vrai dossier de conformité
Ceci n'est pas un exemple marketing ni un résumé. Ci-dessous, vous voyez un rapport complet et intégral, généré par exactement le même moteur de scan qui contrôlera ensuite votre plateforme en continu.
Ce que cet exemple montre
Un vrai scan, pas une mise en scène
Réalisé sur notre propre environnement de démonstration avec des erreurs intégrées volontairement. Ni composé ni adapté pour la présentation.
Le même moteur qu'en production
C'est exactement le même scan et la même profondeur qui évalueront ensuite vos pages.
Intégral, ligne par ligne
Chaque constat avec sa localisation exacte et une correction concrète. Rien d'omis, rien d'embelli.
Évolutif d'une boutique en ligne à l'entreprise
La même norme, la même profondeur et la même charge de preuve, quelle que soit la taille de votre plateforme.
Comment cet exemple a été réalisé
Ceci est un vrai scan de notre propre boutique de démonstration « Nordlys Living », une boutique en ligne fictive dans laquelle nous avons introduit les erreurs que nous rencontrons le plus souvent sur le terrain : des images sans texte alternatif, un contraste de couleurs trop faible, un champ sans label, un bouton et un lien sans nom. Tu peux consulter la page de démo toi-même. Rien dans ce rapport n’est inventé ni exagéré, ce que le moteur a trouvé, tu le vois ci-dessous.
Résultat pour https://seviranta.com/demo-winkel.html
5 infractions · 12 endroits sur cette page échouent à le test WCAG 2.1 & 2.2 AA.
Tu es légalement tenu de respecter l’Acte européen sur l’accessibilité. Inscris-toi à un audit continu pour éviter les amendes.
Testé selon EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA avec axe-core 4.11.4. Le test automatisé détecte de façon fiable environ 57 % des problèmes ; les points en revue nécessitent une appréciation humaine. Ceci ne constitue pas une allégation de conformité totale.
Par critère WCAG
Les mêmes infractions, regroupées selon le critère de succès qu’elles concernent.
- 1.4.3 Contraste (minimum)7 endroits
- 4.1.2 Nom, rôle et valeur3 endroits
- 1.1.1 Contenu non textuel2 endroits
- 2.4.4 Fonction du lien (selon le contexte)1 endroit
Infractions, certitude machine
- Critique1× sur cette page
Ce que cela signifie · Un bouton sans nom est annoncé comme « bouton », inutilisable pour qui ne voit pas. Concerne souvent les boutons panier et recherche.
Comment y remédier · Donnez au bouton un texte ou un aria-label qui décrit l'action (« Ajouter au panier », « Rechercher »).
Sur ta page
Incorrect ·<button class="icon-btn"><span aria-hidden="true">🔍</span></button>Correct ·<button aria-label="Ajouter au panier"><svg>…</svg></button>WCAG wcag2a, wcag412 · Nom technique : Buttons must have discernible text · source technique pour ton développeur
- Sérieux7× sur cette page
Ce que cela signifie · Un texte au contraste insuffisant est illisible pour les personnes malvoyantes et en plein soleil sur un téléphone. C'est de loin le constat EAA le plus fréquent dans les boutiques en ligne.
Comment y remédier · Assombrissez ou éclaircissez la couleur du texte ou de l'arrière-plan jusqu'à atteindre un ratio d'au moins 4,5:1 (3:1 pour les grands textes). Dans Shopify : paramètres du thème → couleurs ; ajustez une seule fois les couleurs des boutons et des textes et le changement s'applique à tout le thème.
Sur ta page
Exemple de textemesuré 1,87:1, requis 4,5:1#b8b2a7 sur #f4f1ecExemple de textemesuré 1,52:1, requis 4,5:1#ffffff sur #a8dadcExemple de textemesuré 1,73:1, requis 4,5:1#c9c4bb sur #ffffffWCAG wcag2aa, wcag143 · Nom technique : Elements must meet minimum color contrast ratio thresholds · source technique pour ton développeur
- Critique2× sur cette page
Ce que cela signifie · Les images sans texte alternatif sont invisibles pour les lecteurs d'écran. Pour les photos produit, cela signifie qu'un client aveugle ne sait pas de quel produit il s'agit.
Comment y remédier · Donnez à chaque image informative un court texte alternatif décrivant son contenu. Dans Shopify : produit → médias → « modifier le texte alternatif ». Les images purement décoratives reçoivent un alt vide (alt="").
Sur ta page
Incorrect ·<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">Correct ·<img src="hond.jpg" alt="Chiot labrador brun avec collier">…et 1 élément similaire sur cette page.
WCAG wcag2a, wcag111 · Nom technique : Images must have alternative text · source technique pour ton développeur
- Critique1× sur cette page
Ce que cela signifie · Les champs de formulaire sans étiquette sont impossibles à utiliser avec un lecteur d'écran et difficiles pour toute personne en situation de handicap. Cela concerne les champs de recherche, de connexion et de paiement.
Comment y remédier · Associez un <label> visible à chaque champ de saisie (for/id), ou utilisez un aria-label lorsqu'il n'y a pas de place pour un texte visible.
Sur ta page
Incorrect ·<input type="email" name="email">Correct ·<label for="email">Adresse e-mail</label><input id="email" type="email">WCAG wcag2a, wcag412 · Nom technique : Form elements must have labels · source technique pour ton développeur
- Sérieux1× sur cette page
Ce que cela signifie · Un lien sans texte lisible (par ex. une simple icône) est annoncé par un lecteur d'écran comme « lien » sans destination, le visiteur ne sait pas où il va.
Comment y remédier · Donnez au lien un texte visible, ou un aria-label / un texte masqué qui décrit la destination (par ex. « Voir le panier » plutôt qu'une simple icône de panier).
Sur ta page
Incorrect ·<a href="#cart"><span aria-hidden="true">🛒</span></a>Correct ·<a href="/winkelwagen" aria-label="Voir le panier"><svg>…</svg></a>WCAG wcag2a, wcag244, wcag412 · Nom technique : Links must have discernible text · source technique pour ton développeur
Nécessite une revue manuelle
- Sérieux1× sur cette page
Ce que cela signifie · Un texte au contraste insuffisant est illisible pour les personnes malvoyantes et en plein soleil sur un téléphone. C'est de loin le constat EAA le plus fréquent dans les boutiques en ligne.
Comment y remédier · Assombrissez ou éclaircissez la couleur du texte ou de l'arrière-plan jusqu'à atteindre un ratio d'au moins 4,5:1 (3:1 pour les grands textes). Dans Shopify : paramètres du thème → couleurs ; ajustez une seule fois les couleurs des boutons et des textes et le changement s'applique à tout le thème.
Sur ta page
Incorrect ·<h2>Get 10% off your first order</h2>WCAG wcag2aa, wcag143 · Nom technique : Elements must meet minimum color contrast ratio thresholds · source technique pour ton développeur
Pourquoi cela compte
L’Acte européen sur l’accessibilité est en vigueur depuis le 28 juin 2025, ce n’est pas une obligation future mais un droit en vigueur. Les États membres doivent imposer des sanctions « effectives, proportionnées et dissuasives ». Par ailleurs, à chaque visiteur qui ne peut pas utiliser ton site, tu perds un client qui ne finalise pas son achat. La bonne nouvelle : les infractions à certitude machine ci-dessus sont résolubles.
Ce que la non-conformité peut coûter
- Pays-Bas, jusqu’à plusieurs dizaines de milliers d’euros par infraction plus astreinte ; l’ACM applique activement la loi et a notifié en 2026 les boutiques en ligne aux pires scores.
- Allemagne, jusqu’à 100 000 € (BFSG).
- France, jusqu’à 50 000 € par service en ligne (Arcom).
- Espagne, 90 000 € effectivement infligés à Vueling (confirmé par l’Audiencia Nacional).
- En 2024, 1 023 boutiques en ligne équipées d’un widget overlay ont été poursuivies, le widget ne les a pas protégées.
Sous l’EAA, les premières mesures d’application et procédures judiciaires ont démarré en 2025-2026 ; l’imposition généralisée d’amendes n’en est qu’à ses débuts. Il s’agit ici des maxima légaux.
Le piège de l’overlay
Les widgets qui promettent de rendre ton site « 100 % accessible » avec une seule ligne de code ne réparent pas le code sous-jacent, ils posent une couche par-dessus, peuvent introduire de nouveaux problèmes et ne te protègent pas contre les plaintes. En 2025, l’autorité américaine FTC a infligé une amende de 1 million de dollars à un fournisseur d’overlay réputé pour des allégations de conformité trompeuses. Nous faisons l’inverse : nous montrons ce qui se passe réellement et comment y remédier réellement.
Combien coûte le suivi de tout cela par toi-même ?
Une estimation approximative basée sur TON scan, adapte les chiffres à ta propre situation.
Les 12 endroits sur CETTE page coûtent, selon une estimation, 3 heures ≈ 270 € de temps de réparation.
Et il s’agit là d’une réparation ponctuelle. Ton site change en permanence, sans surveillance, de nouvelles erreurs s’y glissent sans cesse et tout recommence. Seviranta les détecte et les surveille en continu, pour que tu fasses le travail de manière ciblée et correctement du premier coup.
Une estimation, pas un devis. Le travail réel dépend de la façon dont ton site est construit, des composants et modèles réutilisables font gagner beaucoup de temps.
Ta déclaration d’accessibilité, générée automatiquement
À partir d’un audit complet, nous produisons ta déclaration d’accessibilité légalement requise, pour l’UE, les États-Unis ou le monde entier, prête à publier sur ton site. Crée un compte pour la générer et la télécharger.
Créer un compteCurieux de voir ce que le même moteur trouve sur ton site ?
Le scan gratuit teste une page de ton site en pleine profondeur. Pas de compte, pas de carte bancaire, nous ne conservons rien.