Audit automatisé partiel d’accessibilité – outils.vread.fr/declaration-accessibilite/demo/boutique-demo
Ce rapport présente les résultats d’une analyse automatisée (axe-core) des pages listées, à la date indiquée. Les tests automatiques ne détectent qu’une partie des défauts d’accessibilité : ce rapport n’est pas un audit de conformité RGAA (ni WCAG / EN 301 549), ce n’est pas une attestation, et il ne donne aucun taux de conformité. Il ne constitue pas un conseil juridique.
Périmètre
- Date de l’analyse : 2026-10-12
- Boutique Démo (fictive)
- Moteur : axe-core 4.13.0 (WCAG 2.0/2.1/2.2 A, AA)
- Tailles d’écran : ordinateur 1 280 × 900 px, mobile 390 × 844 px.
Pages analysées
| URL | Viewport | Statut HTTP | Défilement horizontal détecté à cette taille |
|---|---|---|---|
| https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ | desktop | 200 | non |
| https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ | mobile | 200 | non |
Synthèse des problèmes détectés automatiquement
| Problème | Gravité | WCAG | RGAA | Pages | Éléments |
|---|---|---|---|---|---|
Images must have alternative text image-alt | critique | 1.1.1 | 1.1 | 2 | 4 |
Buttons must have discernible text button-name | critique | 4.1.2 | 11.9 | 2 | 2 |
Form elements must have labels label | critique | 4.1.2 | 11.1 | 2 | 2 |
Select element must have an accessible name select-name | critique | 4.1.2 | 11.1 | 2 | 2 |
Elements must meet minimum color contrast ratio thresholds color-contrast | sérieuse | 1.4.3 | 3.2 | 2 | 14 |
Links must have discernible text link-name | sérieuse | 2.4.4, 4.1.2 | 6.2 | 2 | 4 |
<html> element must have a lang attribute html-has-lang | sérieuse | 3.1.1 | 8.3 | 2 | 2 |
Points à vérifier manuellement (l’outil n’a pas pu conclure)
Aucun problème détecté automatiquement.
Détail par problème
Images must have alternative text
Ensure <img> elements have alternative text or a role of none or presentation
Gravité : critique · WCAG 1.1.1 · RGAA 1.1 · image-alt
Éléments concernés (extrait)
header > img– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Crect width='120' height='40' fill='%23333'/%3E%3C/svg%3E">div:nth-child(1) > img– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='100'%3E%3Crect width='150' height='100' fill='%23ccc'/%3E%3C/svg%3E">
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Buttons must have discernible text
Ensure buttons have discernible text
Gravité : critique · WCAG 4.1.2 · RGAA 11.9 · button-name
Éléments concernés (extrait)
header > button– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button></button>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Form elements must have labels
Ensure every form element has a label
Gravité : critique · WCAG 4.1.2 · RGAA 11.1 · label
Éléments concernés (extrait)
#cgu– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<input type="checkbox" id="cgu">
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Select element must have an accessible name
Ensure select element has an accessible name
Gravité : critique · WCAG 4.1.2 · RGAA 11.1 · select-name
Éléments concernés (extrait)
select– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<select><option>France</option><option>Belgique</option></select>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Elements must meet minimum color contrast ratio thresholds
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
Gravité : sérieuse · WCAG 1.4.3 · RGAA 3.2 · color-contrast
Éléments concernés (extrait)
.promo– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<p class="promo">-20 % sur toute la boutique jusqu’à dimanche</p>div:nth-child(1) > .price– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<p class="price">18,00 €</p>div:nth-child(1) > .btn– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button class="btn">Ajouter</button>div:nth-child(2) > .price– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<p class="price">22,00 €</p>div:nth-child(2) > .btn– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button class="btn">Ajouter</button>button[type="submit"]– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<button class="btn" type="submit">OK</button>footer– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<footer>© Boutique Démo – exemple fictif</footer>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Links must have discernible text
Ensure links have discernible text
Gravité : sérieuse · WCAG 2.4.4, 4.1.2 · RGAA 6.2 · link-name
Éléments concernés (extrait)
a[href$="#panier"]– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<a href="#panier"><svg width="24" height="24"><circle cx="12" cy="12" r="10"></circle></svg></a>a[href="#"]:nth-child(2)– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<a href="#"></a>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
<html> element must have a lang attribute
Ensure every HTML document has a lang attribute
Gravité : sérieuse · WCAG 3.1.1 · RGAA 8.3 · html-has-lang
Éléments concernés (extrait)
html– https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/<html>
Pages (2)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (desktop)
- https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/ (mobile)
Vérifications que l’automate ne peut pas faire
À réaliser à la main sur les mêmes pages (grille d’auto-contrôle du kit) :
- Tout se fait au clavier – Débranchez la souris. Avec Tab, Maj+Tab, Entrée, Espace et les flèches, parcourez le menu, la recherche, une fiche produit, le panier et le paiement. Vous ne devez jamais rester bloqué. (WCAG 2.1.1, 2.1.2; RGAA 4.11, 4.12, 7.3, 10.14, 12.9, 12.11)
- Le focus est visible – En tabulant, vous voyez toujours où vous êtes (contour, soulignement…), y compris sur les boutons et les champs. (WCAG 2.4.7; RGAA 7.3, 10.7)
- L’ordre de tabulation est logique – Le focus suit l’ordre de lecture et ne saute pas au hasard dans la page ; une fenêtre modale garde le focus et le rend à la fermeture. (WCAG 2.4.3; RGAA 10.3, 12.7, 12.8, 13.3, 13.4)
- Un lien d’évitement existe – À la première tabulation, un lien « Aller au contenu » apparaît et fonctionne. (WCAG 2.4.1; RGAA 9.1, 12.6, 12.7, 13.3, 13.4)
- Les images utiles ont une alternative – Les photos produits, logos et icônes-boutons ont un texte alternatif pertinent ; les images décoratives ont alt="" (vérifiable avec le mini-test ci-dessous). (WCAG 1.1.1; RGAA 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.9, 4.7, 4.8, 4.9, 6.1, 6.2, 7.2, 10.2, 13.3, 13.4, 13.5, 13.6)
- Les contrastes sont suffisants – Texte : au moins 4,5:1 (3:1 pour le grand texte). Bordures de champs et icônes utiles : au moins 3:1. Vérifiez les prix, boutons, mentions grises et bandeaux. (WCAG 1.4.3, 1.4.11; RGAA 3.2, 3.3, 10.5)
- La couleur n’est pas le seul indice – Les erreurs, les liens dans le texte, les tailles indisponibles ou les étapes ne sont pas signalés uniquement par une couleur. (WCAG 1.4.1; RGAA 3.1, 10.6, 10.7, 10.9, 10.10)
- Zoom à 200 % et écran de 320 px – Zoomez à 200 %, puis réduisez la fenêtre à 320 px de large : tout reste lisible et utilisable, sans défilement horizontal. (WCAG 1.4.4, 1.4.10; RGAA 10.4, 10.11)
- Les titres structurent la page – Chaque page a un titre principal (h1) et des sous-titres hiérarchisés qui décrivent les sections. (WCAG 1.3.1, 2.4.6; RGAA 3.1, 5.1, 5.2, 5.4, 5.5, 5.6, 5.7, 5.8, 7.3, 8.9, 9.1, 9.2, 9.3, 9.4, 10.1, 10.2, 11.1, 11.2, 11.5, 11.6, 11.7, 11.8, 12.6, 13.3, 13.4)
- Chaque page a un titre unique – L’onglet du navigateur affiche un titre qui distingue la page (ex. « Panier – Ma Boutique »). (WCAG 2.4.2; RGAA 8.5, 8.6)
- La langue est déclarée – La balise html porte l’attribut lang correct (ex. lang="fr"). (WCAG 3.1.1; RGAA 8.3, 8.4, 13.3, 13.4)
- Les liens sont explicites – Pas de « cliquez ici » ou « en savoir plus » seuls : l’intitulé ou son contexte dit où mène le lien. (WCAG 2.4.4; RGAA 6.1, 6.2)
- Chaque champ a une étiquette – Les champs (recherche, adresse, carte bancaire, newsletter) ont un libellé visible et lié au champ, pas seulement un texte d’exemple. (WCAG 1.3.1, 3.3.2, 4.1.2; RGAA 1.2, 1.3, 1.9, 2.1, 2.2, 3.1, 4.13, 5.1, 5.2, 5.3, 5.4, 5.5, 5.6, 5.7, 5.8, 7.1, 7.2, 7.3, 8.2, 8.9, 9.1, 9.2, 9.3, 9.4, 10.1, 10.2, 10.8, 11.1, 11.2, 11.4, 11.5, 11.6, 11.7, 11.8, 11.9, 11.10, 12.6, 13.3, 13.4)
- Les erreurs sont expliquées – Soumettez un formulaire vide : l’erreur est décrite en texte, près du champ, avec une suggestion de correction. (WCAG 3.3.1, 3.3.3; RGAA 11.10, 11.11)
- Les messages de statut sont annoncés – « Produit ajouté au panier », « 3 résultats » : avec un lecteur d’écran (NVDA, VoiceOver), le message est lu sans déplacer le focus. (WCAG 4.1.3; RGAA 7.5)
- Les vidéos ont des sous-titres – Les vidéos avec paroles ont des sous-titres synchronisés ; les informations visuelles importantes sont décrites. (WCAG 1.2.2, 1.2.5; RGAA 4.3, 4.4, 4.5, 4.6)
- Les animations peuvent être arrêtées – Carrousels et bandeaux défilants ont un bouton pause et ne bougent pas plus de 5 secondes sans contrôle. (WCAG 2.2.2; RGAA 13.1, 13.8)
- Pas de délai bloquant – Si une session ou un panier expire, l’utilisateur est prévenu et peut prolonger le délai. (WCAG 2.2.1; RGAA 13.1, 13.8)
- Connexion, CAPTCHA et paiement accessibles – Un CAPTCHA a une alternative (audio ou autre) ; la création de compte, la connexion et le paiement (y compris 3-D Secure) se font au clavier et au lecteur d’écran. (WCAG 1.1.1, 3.3.2; RGAA 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.9, 4.7, 4.8, 4.9, 6.1, 6.2, 7.2, 10.2, 11.1, 11.2, 11.4, 11.5, 11.6, 11.7, 11.10, 13.3, 13.4, 13.5, 13.6)
- Les documents téléchargeables sont accessibles – CGV, factures, notices en PDF : texte sélectionnable, titres balisés, ou une version HTML équivalente. (WCAG 1.1.1, 1.3.1; RGAA 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.9, 3.1, 4.7, 4.8, 4.9, 5.1, 5.2, 5.4, 5.5, 5.6, 5.7, 5.8, 6.1, 6.2, 7.2, 7.3, 8.9, 9.1, 9.2, 9.3, 9.4, 10.1, 10.2, 11.1, 11.5, 11.6, 11.7, 11.8, 12.6, 13.3, 13.4, 13.5, 13.6)
Suites proposées
- Corriger d’abord les problèmes « critiques » et « sérieux » présents sur le parcours d’achat.
- Réaliser les vérifications manuelles ci-dessus, idéalement avec un lecteur d’écran.
- Compléter et valider les brouillons joints (déclaration et plan d’action) : l’état indiqué reste « non conforme » tant qu’aucun audit complet n’a été réalisé.
- Faire réaliser un audit complet (RGAA ou WCAG/EN 301 549) avant de publier un taux de conformité.