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

Pages analysées

URLViewportStatut HTTPDéfilement horizontal détecté à cette taille
https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/desktop200non
https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/mobile200non

Synthèse des problèmes détectés automatiquement

ProblèmeGravitéWCAGRGAAPagesÉléments
Images must have alternative text image-altcritique1.1.11.124
Buttons must have discernible text button-namecritique4.1.211.922
Form elements must have labels labelcritique4.1.211.122
Select element must have an accessible name select-namecritique4.1.211.122
Elements must meet minimum color contrast ratio thresholds color-contrastsérieuse1.4.33.2214
Links must have discernible text link-namesérieuse2.4.4, 4.1.26.224
<html> element must have a lang attribute html-has-langsérieuse3.1.18.322

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)

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)

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)

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)

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)

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)

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)

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) :

  1. 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)
  2. 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)
  3. 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)
  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)
  5. 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)
  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)
  7. 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)
  8. 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)
  9. 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)
  10. 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)
  11. 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)
  12. 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)
  13. 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)
  14. 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)
  15. 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)
  16. 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)
  17. 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)
  18. 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)
  19. 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)
  20. 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

  1. Corriger d’abord les problèmes « critiques » et « sérieux » présents sur le parcours d’achat.
  2. Réaliser les vérifications manuelles ci-dessus, idéalement avec un lecteur d’écran.
  3. 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é.
  4. Faire réaliser un audit complet (RGAA ou WCAG/EN 301 549) avant de publier un taux de conformité.

Captures des pages (ordinateur)

Boutique Démo
https://outils.vread.fr/declaration-accessibilite/demo/boutique-demo/