Rapport de correction

Rapport Accessibilité

Nous testons votre site selon les WCAG 2.2 niveaux A et AA dans un vrai navigateur, nous suivons son parcours principal au clavier seul (sur une boutique, jusqu’au bouton de paiement) et nous fournissons à votre développeur la modification à apporter pour chaque obstacle, construite à partir de votre propre balisage.

  • Jusqu’à 25 pages testées
  • Test de parcours au clavier
  • 5 nouveaux tests inclus

Ce que nous vérifions

  • Critères WCAG 2.2 A et AA

    Tests automatisés axe-core sur vos pages clés et jusqu’à 20 pages supplémentaires de votre sitemap : textes alternatifs, contraste des couleurs, noms des boutons et des liens, étiquettes de formulaire, titres, régions (landmarks) et ARIA.

  • Test de parcours au clavier

    Uniquement au clavier : sur une boutique, de la page d’accueil à la fiche produit, puis les options, Ajouter au panier et le panier, en s’arrêtant au bouton de paiement ; sur les autres sites, de la page d’accueil à la page clé, puis son appel à l’action principal et ses champs de formulaire. Rien n’est jamais envoyé.

  • Pièges au focus et focus visible

    Si le focus reste bloqué, par exemple dans un bandeau cookies, et si les visiteurs peuvent voir où il se trouve.

  • Redistribution mobile à 320 px

    Si les pages nécessitent un défilement horizontal sur un petit téléphone (WCAG 1.4.10).

  • Tableau des allégations

    Si vous collez une mise en demeure, chaque allégation est comparée à ce que nos tests ont reproduit, avec le nombre d’occurrences par page.

  • Points à vérifier manuellement

    Ce que les tests signalent sans pouvoir trancher, comme du texte sur des images, avec la façon de vérifier chaque point.

Ce que vous obtenez

  • Une liste priorisée : à corriger en priorité, à corriger ensuite, à améliorer
  • Du code avant/après construit à partir de chaque élément en échec
  • Des étapes pour Shopify, WordPress, WooCommerce ou la plateforme détectée
  • Un prompt IA prêt à l’emploi pour chaque constat
  • Des captures d’écran avec l’élément en échec encadré
  • Un projet de déclaration d’accessibilité et un journal des preuves
  • 5 nouveaux tests pour confirmer vos corrections, et un PDF

Comment le rapport est réalisé

  1. 1

    Les cinq pages de votre analyse gratuite, plus jusqu’à 20 pages de votre sitemap, sont chargées dans Chromium et testées avec axe-core.

  2. 2

    Une session de navigateur distincte suit le parcours principal du site au clavier seul et enregistre chaque étape, avec une capture d’écran en cas d’échec.

  3. 3

    Chaque échec reçoit une correction rédigée pour votre plateforme, puis le rapport est assemblé et vous est envoyé par e-mail.

Constats tirés de l’exemple de rapport

Résultats réels pour Harbor & Pine, une boutique fictive que nous avons créée avec des problèmes courants.

Ouvrir l’exemple de rapport complet
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Ce qu’il ne couvre pas

  • Le rendu des lecteurs d’écran, les sous-titres et l’audiodescription (une liste de contrôle manuelle est incluse)
  • Les pages de commande et de paiement, et l’envoi de formulaires
  • Les pages qui nécessitent une connexion
  • Un avis juridique, ou un certificat de conformité ADA ou EAA

Questions sur ce rapport

Est-ce un audit WCAG complet ?

C’est un audit automatisé complété par un test de parcours au clavier. Les tests automatisés ne détectent qu’une partie des problèmes WCAG d’un site ; le rapport liste donc aussi ce qui nécessite une vérification humaine, et comment la faire.

Est-ce utile face à une mise en demeure ADA ?

Si vous collez la lettre, le rapport indique quelles allégations nos tests reproduisent sur votre site, preuves à l’appui. C’est un constat factuel, pas un avis juridique ; pour la lettre elle-même, consultez un avocat.

Pour quelles plateformes le code est-il prévu ?

Les corrections sont rédigées pour la plateforme détectée : thèmes Shopify, WordPress et WooCommerce, Webflow, BigCommerce, Wix, Squarespace, frameworks comme Next.js, ou HTML simple. Lorsque nous ne pouvons pas voir votre code source, l’emplacement des fichiers est donné à titre indicatif.

Que sont les 5 nouveaux tests ?

Une fois que votre développeur a apporté ses modifications, vous pouvez relancer les mêmes vérifications depuis le rapport, jusqu’à cinq fois, et voir quels problèmes ne sont plus reproduits.

Guides associés

Autres rapports

Analysez votre site dès aujourd’hui

Repérez. Corrigez. Vérifiez.

De quel type de site s’agit-il ?

Votre réponse choisit les bons contrôles, comme le parcours d’achat pour les boutiques en ligne. Nous vérifions quand même les indices du site lui-même et montrons les deux.

De quel type de site s’agit-il ?

Analyse gratuite. Aucune carte bancaire requise.