Rapport 20 pages

Audit d'accessibilite executif

Evaluation technique de https://demo.accessbot.fr avec une priorisation immediate des corrections WCAG 2.1 et RGAA.

Site audite
demo.accessbot.fr
Date du rapport
10 mai 2026
Niveau estime
A partiellement conforme
Issues majeures
10
61 Score global

Le rapport met en evidence les blocages critiques, les erreurs recurrentes et un plan d'action immediat pour la remediation.

Score WCAG
58
Critiques
5
Serieuses
5
Moderees
4

Le site presente une base technique exploitable, mais plusieurs composants critiques bloquent encore la navigation clavier et la lecture par technologies d'assistance. La priorite consiste a fiabiliser les medias informatifs, les formulaires et les menus repetes avant de traiter les optimisations secondaires.

  • Score WCAG estime a 61/100 avec un niveau de priorite concentre sur 10 anomalies majeures.
  • 5 anomalies critiques doivent etre corrigees avant toute communication de conformite.
  • Le niveau de risque reste significatif et expose les utilisateurs a des blocages concrets.

Le score global signale un niveau de maturite encore fragile. Le chantier prioritaire doit se concentrer sur les composants de navigation, les formulaires, les medias porteurs d'information et les zones ou la structure semantique empeche une lecture fiable.

A partiellement conforme

Le niveau estime combine le score automatise, la densite des anomalies critiques et la probabilite de blocage sur les parcours centraux.

WCAG 2.1 A/AA RGAA 4.x Audit automatise
  • Traiter d'abord les contenus invisibles aux lecteurs d'ecran et les interactions inutilisables au clavier.
  • Normaliser les composants repetes dans le design system avant les corrections page par page.
  • Relancer le scan apres remediation pour prouver la baisse de la dette accessibilite.
Critere Constat Lecture
Perceptible 9 anomalies Contenus et medias pas toujours compris sans vision ou sans contexte visuel.
Utilisable 10 anomalies Navigation clavier et ordre d'interaction a fiabiliser.
Compréhensible 9 anomalies Libelles, messages de statut et structure d'information doivent etre clarifies.
Robuste 5 anomalies La semantique HTML et les attributs accessibles doivent etre consolides.
Critique

Champs du checkout sans libelle associe

Page: Paiement Selector: form.checkout input
Effort eleve Impact eleve
Champs du checkout sans libelle associe
Blocage majeur

Les utilisateurs de lecteur d'ecran ne peuvent pas identifier correctement le champ attendu.

Associer un label visible ou aria-label fiable a chaque champ.

Plusieurs champs du tunnel de commande s'appuient uniquement sur des placeholders.

<input type="email" placeholder="Email">
Critique

Contraste insuffisant sur la bannière promo

Page: Accueil Selector: .promo-banner
Effort eleve Impact eleve
Contraste insuffisant sur la bannière promo
Blocage majeur

Le message devient difficile a lire pour les utilisateurs malvoyants et en environnement lumineux.

Renforcer le contraste en ajustant le couple texte / fond.

Texte vert clair sur fond jaune ne respecte pas le contraste minimal.

<section class="promo-banner">Livraison offerte aujourd'hui</section>
Critique

Images hero sans texte alternatif

Page: Accueil Selector: .hero-carousel img
Effort eleve Impact eleve
Images hero sans texte alternatif
Blocage majeur

Un lecteur d'ecran annonce uniquement "image" et ne restitue pas l'offre mise en avant.

Ajouter un alt descriptif sur chaque visuel porteur d'information commerciale.

Le carrousel d'accueil affiche des visuels promotionnels informatifs sans attribut alt pertinent.

<img src="/hero-sale.jpg">
Critique

Mega menu inutilisable au clavier

Page: Navigation globale Selector: nav .mega-menu
Effort eleve Impact eleve
Mega menu inutilisable au clavier
Blocage majeur

La navigation principale devient inaccessible sans souris.

Gerer l'ouverture, la fermeture et le focus avec des boutons natifs et un ordre tab cohérent.

Le menu principal ouvre des panneaux flyout non atteignables et non fermables au clavier.

<button aria-expanded="false">Produits</button>
Critique

Messages de confirmation non annonces

Page: Compte Selector: .toast-success
Effort eleve Impact eleve
Messages de confirmation non annonces
Blocage majeur

Les utilisateurs ne savent pas si l'action a reussi ou non.

Ajouter une region live et un message de statut lisible.

Les toasts de confirmation apparaissent visuellement mais ne sont pas exposes aux technologies d'assistance.

<div class="toast-success">Profil mis a jour</div>

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Serieuse

Accordeons sans hierarchie de titres

Page: FAQ Selector: .faq-item > div
Effort moyen Impact moyen
Accordeons sans hierarchie de titres
Element a corriger

Le sommaire vocal du contenu devient difficile a parcourir.

Utiliser un bouton dans un titre de section conforme.

Les FAQ s'appuient sur des div cliquables et cassent la structure de titres.

<div class="faq-trigger">Comment ca marche ?</div>
Serieuse

Autocomplete recherche sans roles ARIA complets

Page: Recherche Selector: .search-autocomplete
Effort moyen Impact moyen
Autocomplete recherche sans roles ARIA complets
Element a corriger

La navigation dans les suggestions reste confuse au clavier et au lecteur d'ecran.

Appliquer les roles combobox, listbox et option avec aria-activedescendant.

Le composant de recherche ne publie pas l'etat de selection ni le nombre de resultats.

<ul class="search-autocomplete"></ul>
Serieuse

Erreurs de formulaire non reliees aux champs

Page: Contact Selector: form.contact .error-summary
Effort moyen Impact moyen
Erreurs de formulaire non reliees aux champs
Element a corriger

Le champ fautif n'est pas identifie rapidement pour corriger la saisie.

Relier chaque message au champ via aria-describedby et aria-invalid.

Les messages d'erreur sont affiches en haut du formulaire sans rattachement programmatique.

<p class="error-summary">Veuillez verifier vos donnees</p>
Serieuse

Focus non piege dans les modales

Page: Inscription Selector: .signup-modal
Effort moyen Impact moyen
Focus non piege dans les modales
Element a corriger

L'utilisateur perd le contexte et peut fermer involontairement le dialogue.

Pieger le focus dans la fenetre et restaurer le point de depart a la fermeture.

Le focus sort de la modale d'inscription et rejoint le footer.

<div class="signup-modal" role="dialog"></div>
Serieuse

Tableaux de prix sans entetes relies

Page: Tarifs Selector: table.pricing
Effort moyen Impact moyen
Tableaux de prix sans entetes relies
Element a corriger

Les cellules sont lues sans contexte de ligne ou de colonne.

Introduire des entetes explicites et des associations correctes.

Les tableaux comparatifs presentent des donnees tabulaires sans th ni scope.

<table class="pricing"><tr><td>Starter</td></tr></table>
Moderee

Absence de lien d'evitement

Page: Global Selector: body
Effort faible Impact faible
Absence de lien d'evitement
Zone a optimiser

Les utilisateurs clavier perdent du temps avant d'atteindre le contenu principal.

Ajouter un lien d'evitement visible au focus vers le main.

La page impose de traverser la navigation principale a chaque chargement.

<body>...</body>
Moderee

Boutons icones sans nom accessible

Page: Wishlist Selector: .icon-button
Effort faible Impact faible
Boutons icones sans nom accessible
Zone a optimiser

Le sens de l'action reste flou dans la navigation assistee.

Fournir un nom accessible via aria-label ou texte visible.

Des actions secondaires reposent uniquement sur une icone sans etiquette textuelle.

<button class="icon-button"><svg /></button>
Moderee

Controles de carousel ambigus

Page: Accueil Selector: .hero-carousel button
Effort faible Impact faible
Controles de carousel ambigus
Zone a optimiser

Le contexte des controles reste ambigu pour les lecteurs d'ecran.

Ajouter un libelle contextuel indiquant la slide ou le contenu cible.

Les boutons precedent / suivant n'explicitent pas l'item cible.

<button>Suivant</button>
Moderee

Fil d'Ariane sans role de navigation

Page: Produit Selector: .breadcrumb
Effort faible Impact faible
Fil d'Ariane sans role de navigation
Zone a optimiser

Les reperes de page sont moins clairs pour les utilisateurs de technologies d'assistance.

Encapsuler le fil d'Ariane dans une balise nav avec un libelle explicite.

Le breadcrumb est rendu comme une suite de liens sans repere semantique.

<div class="breadcrumb"><a>Accueil</a></div>

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Aucune anomalie supplementaire a documenter sur cette page

La structure du rapport reste volontairement fixe sur 20 pages. Les emplacements non utilises servent de marge pour les scans plus volumineux.

Corrections a faible effort pour relever rapidement le niveau de confort.

Absence de lien d'evitement

Ajouter un lien d'evitement visible au focus vers le main. Gains rapides sur des composants deja identifies.

Effort faible Impact faible

Boutons icones sans nom accessible

Fournir un nom accessible via aria-label ou texte visible. Gains rapides sur des composants deja identifies.

Effort faible Impact faible

Controles de carousel ambigus

Ajouter un libelle contextuel indiquant la slide ou le contenu cible. Gains rapides sur des composants deja identifies.

Effort faible Impact faible

Cet espace peut accueillir des actions supplementaires si le scan remonte un backlog plus dense.

Corrections a integrer dans le prochain sprint pour reduire les blocages majeurs.

Champs du checkout sans libelle associe

Associer un label visible ou aria-label fiable a chaque champ. A planifier dans le prochain cycle de livraison.

Effort eleve Impact eleve

Contraste insuffisant sur la bannière promo

Renforcer le contraste en ajustant le couple texte / fond. A planifier dans le prochain cycle de livraison.

Effort eleve Impact eleve

Images hero sans texte alternatif

Ajouter un alt descriptif sur chaque visuel porteur d'information commerciale. A planifier dans le prochain cycle de livraison.

Effort eleve Impact eleve

Mega menu inutilisable au clavier

Gerer l'ouverture, la fermeture et le focus avec des boutons natifs et un ordre tab cohérent. A planifier dans le prochain cycle de livraison.

Effort eleve Impact eleve

Actions structurantes pour fiabiliser durablement les composants et contenus.

Champs du checkout sans libelle associe

Associer un label visible ou aria-label fiable a chaque champ. Demande des changements de design system ou de gouvernance.

Effort eleve Impact eleve

Contraste insuffisant sur la bannière promo

Renforcer le contraste en ajustant le couple texte / fond. Demande des changements de design system ou de gouvernance.

Effort eleve Impact eleve

Images hero sans texte alternatif

Ajouter un alt descriptif sur chaque visuel porteur d'information commerciale. Demande des changements de design system ou de gouvernance.

Effort eleve Impact eleve

Cet espace peut accueillir des actions supplementaires si le scan remonte un backlog plus dense.

Horizon Effort Impact
Quick winsFaibleRapide
30 joursMoyenFort
Long termeEleveStructurant
GouvernanceMoyenDurable
  • Ajouter un controle accessibilite dans les PR, avec revue clavier et lecteur d'ecran sur les parcours critiques.
  • Relancer Scanner Alpha a chaque sprint et suivre les ecarts de score, la dette restante et les regressions par composant.

Centraliser la remediation dans un backlog accessibilite transverse, avec un sponsor produit, un relais design system et une revue mensuelle des regressions.

  • Collecte automatisée des anomalies techniques via Scanner Alpha, enrichie d'un classement par criticité et d'un regroupement par composant.
  • Projection de l'impact utilisateur selon les usages clavier, lecteur d'ecran, navigation mobile et perception visuelle.
  • Priorisation selon le couple impact / effort, avec un plan d'action separant quick wins, remediation en 30 jours et chantiers structurants.
  • Le rapport doit etre complete par une revue manuelle pour la validation RGAA, les parcours metiers complexes et les contenus dynamiques.
  • Presence de blocages techniques detectables automatiquement.
  • Importance des parcours affectes et densite des composants repetitifs.
  • Capacite du code a rester robuste pour les technologies d'assistance.
  • Le score n'integre pas a lui seul l'ergonomie, la comprehension metier ou la qualite editoriale complete.

Completer cette restitution par une revue manuelle des formulaires, modales, composants riches, parcours transactionnels et contenus PDF ou video.

Passez du constat a la remediation

AccessBot transforme ce rapport en backlog priorise, tickets pour vos equipes et suivi de progression hebdomadaire.

Demander un plan AccessBot

Prioriser les quick wins cette semaine, lancer la remediation des anomalies critiques dans le sprint courant, puis re-scanner pour prouver la progression.