Diagnostic express

https://accessicheck.brozapi.com/

Comment lire ce rapport

Ce que cet outil vérifie : les critères d’accessibilité testables automatiquement (contrastes de couleurs, structure des titres, formulaires, navigation clavier, textes alternatifs…) sur la ou les pages analysées.
Ce qu’il ne vérifie pas : tout ce qui demande un jugement humain (navigation réelle au lecteur d’écran, contenus complexes, pertinence fine des textes). Un audit humain reste nécessaire pour déclarer la conformité RGAA.
Par où commencer : lisez le résumé ci-dessous, puis traitez d’abord les problèmes marqués « Critique » ou « Sérieux ». Chaque problème commence par une explication en langage courant ; le code prêt à adapter vient ensuite — transmettez-le tel quel à votre développeur ou votre agence.

Score global (moyenne des pages)

87/100

À améliorer

Audit multi-pages (5 pages analysées)

Page d’accueil + pages clés découvertes automatiquement (contact, produits/services, mentions légales, pages principales). Le score global est la moyenne des pages analysées. Un seul audit décompté de votre quota.

Page	Score	Problèmes
/ — AccessiCheck — Diagnostic d’accessibilité RGAA/WCAG en 2 minutes	93/100	2
/mentions-legales.html — Mentions légales — AccessiCheck	82/100	3
/cgv.html — Conditions générales de vente — AccessiCheck	95/100	1
/blog — Blog AccessiCheck — Guides accessibilité numérique	95/100	1
/exemple-rapport.html — AccessiCheck — Exemple de rapport d’accessibilité (éléments fautifs + code de correction)	72/100	5

Problèmes détectés

Critiques

Sérieux

Niveaux d’impact

Top 5 des problèmes à corriger

Sérieux Aucun lien d'évitement (skip-link) détecté : permettre d'atteindre directement le contenu principal sans repasser la navigation.
Sérieux Le contraste entre le texte et son arrière-plan est insuffisant : le ratio mesuré est inférieur au minimum requis (4,5:1 pour le texte courant, 3:1 pour les grands textes).
Moyen 7 cible(s) tactile(s) de taille < 44×44 px (min. recommandé) (ex : a 254×38 «AccessiCheck par Bro», a 64×24 «Scanner», a 155×24 «Ce que l’on teste»).
Moyen Aucune page ou lien « Déclaration d'accessibilité » détecté. Obligation RGAA pour les services concernés (art. 47 de la loi pour une République numérique).
Moyen Saut dans la hiérarchie des titres : h2 suivi de h4.

Actions prioritaires

2 Rendre les liens explicites et accessibles
2 Vérifier ce point avec un expert accessibilité
2 Structurer la page avec des landmarks ARIA
1 Améliorer les contrastes de couleur
1 Revoir la hiérarchie des titres
1 Vérifier les boutons et leur nom accessible

Corrections prêtes à coller

Les 5 problèmes les plus fréquents du site, avec une explication en langage courant, les éléments fautifs (sélecteur CSS + extrait HTML) et le code corrigé prêt à adapter (avant / après). Pour les contrastes, la couleur corrigée proposée passe le ratio requis de 4,5:1. À valider par vos équipes avant mise en production.

moderate 7 cible(s) tactile(s) de taille < 44×44 px (min. recommandé) (ex : a 254×38 «AccessiCheck par Bro», a 64×24 «Scanner», a 155×24 «Ce que l’on teste»).

En clair : des zones cliquables sont trop petites sur mobile — difficile de viser juste, surtout avec des tremblements.

Présent sur 4 pages : /, /mentions-legales.html, /cgv.html, /blog

Éléments fautifs (5)

body > .header > .container > .logo
<a class="logo" href="/" aria-label="AccessiCheck — Accueil"> <span class="logo__name">AccessiCheck</span> <span class="logo__by">par Brozapi</span> </a>
body > .header > .container > .nav > a:nth-child(1)
<a href="#scanner">Scanner</a>
body > .header > .container > .nav > a:nth-child(2)
<a href="#couverture">Ce que l’on teste</a>
body > .header > .container > .nav > a:nth-child(3)
<a href="#offres">Offres</a>
body > .header > .container > .nav > a:nth-child(4)
<a href="#exemple">Exemple de rapport</a>

Comment corriger : Cible tactile trop petite

Élargissez les cibles tactiles à au moins 44×44 px (WCAG 2.5.8).

Avant

<p>7 cible(s) < 44×44 px détectée(s).</p>

Après

.btn { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

moderate 5 cible(s) tactile(s) de taille < 44×44 px (min. recommandé) (ex : a 179×12 «Déclaration d’access», button 137×21 «Envoyer le message», a 102×12 «Mentions légales»).

En clair : des zones cliquables sont trop petites sur mobile — difficile de viser juste, surtout avec des tremblements.

Éléments fautifs (5)

body > .report-body.pro > .page-break.corrections-section > .correction-item > .fix-box > .fix-cols > .fix-col > .fix-code.after > code > a
<a href="/accessibilite">Déclaration d’accessibilité</a>
body > .report-body.pro > .page-break.corrections-section > .correction-item > .elements-block > .el-list > .el-item > .el-snippet-wrap > .el-snippet > #cf-submit
<button type="submit" class="btn" id="cf-submit">Envoyer le message</button>
body > .report-body.pro > .page-break.corrections-section > .correction-item > .elements-block > .el-list > .el-item > .el-snippet-wrap > .el-snippet > a
<a href="/mentions-legales.html">Mentions légales</a>
body > .report-body.pro > .page-break.corrections-section > .correction-item > .elements-block > .el-list > .el-item > .el-snippet-wrap > .el-snippet > a
<a href="https://badgeia.brozapi.com/">BadgeIA</a>
body > .report-body.pro > .page-break.corrections-section > .correction-item > .elements-block > .el-list > .el-item > .el-snippet-wrap > .el-snippet > a
<a href="https://accessicheck.brozapi.com/">AccessiCheck</a>

Comment corriger : Cible tactile trop petite

Élargissez les cibles tactiles à au moins 44×44 px (WCAG 2.5.8).

Avant

<p>5 cible(s) < 44×44 px détectée(s).</p>

Après

.btn { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

minor 4 lien(s) vers un fichier PDF détecté(s) (ex : "PDF One-Shot", "PDF Pro", "PDF One-Shot", "PDF Pro"). PDF probablement non accessible, à vérifier.

En clair : des documents PDF liés depuis le site sont probablement illisibles par un lecteur d’écran — à vérifier ou remplacer.

Éléments fautifs (4)

élément détecté
assets/rapports/badgeia-brozapi-oneshot.pdf
élément détecté
assets/rapports/badgeia-brozapi-pro.pdf
élément détecté
assets/rapports/brozapi-com-oneshot.pdf
élément détecté
assets/rapports/brozapi-com-pro.pdf

Comment corriger : Liens vers des PDF potentiellement inaccessibles

Vérifiez/rendez accessibles vos PDF (texte, structure, balises). Signalez aussi le poids et la langue.

Avant

<p>4 lien(s) PDF détecté(s) à vérifier.</p>

Après

<a href="document.pdf">Document accessible (PDF, 1,2 Mo)</a>

serious Le contraste entre le texte et son arrière-plan est insuffisant : le ratio mesuré est inférieur au minimum requis (4,5:1 pour le texte courant, 3:1 pour les grands textes).

En clair : certains textes sont difficiles à lire car leur couleur est trop proche de celle du fond — les personnes malvoyantes sont les premières pénalisées. Voici la couleur exacte à appliquer.

Éléments fautifs (2)

strong:nth-child(2)
<strong style="color:#ca8a04">77/100</strong>
.score-label
<div class="score-label" style="color:#ca8a04">À améliorer</div>

Comment corriger : Contraste de texte insuffisant

Le ratio de contraste mesuré est en dessous du minimum requis (4.5:1 pour le texte normal, 3:1 pour les grands textes). Augmentez l’écart de luminosité entre le texte et son fond.

Avant

color: #ca8a04; background-color: #f0fdfa;   /* ratio mesuré : 2.81:1 au lieu de 4.5:1 */

Après

color: #111827; background-color: #f0fdfa;   /* ratio cible ≥ 4.5:1 — à adapter à votre charte graphique */

serious Aucun lien d'évitement (skip-link) détecté : permettre d'atteindre directement le contenu principal sans repasser la navigation.

En clair : il manque un lien « Aller au contenu » — l’utilisateur au clavier doit traverser tout le menu à chaque page.

Comment corriger : Lien d’évitement (skip-link) absent

Ajoutez un lien « Aller au contenu » au début de la page pointant vers le contenu principal.

Avant

<body>
  <!-- pas de skip-link -->

Après

<body>
  <a href="#contenu" class="skip-link">Aller au contenu principal</a>
  <main id="contenu">…</main>

Correspondance RGAA 4.1

Les moteurs de détection (axe-core, Pa11y) parlent WCAG ; votre obligation légale en France est le RGAA 4.1.2 (106 critères, directive européenne EAA applicable depuis juin 2025 aux entreprises de plus de 10 salariés). Ce tableau traduit chaque problème détecté en critère(s) RGAA correspondant(s) : ce sont les références à utiliser dans votre déclaration d’accessibilité et votre plan de remédiation.

Critère RGAA	Thématique	Exigence	Problèmes	Pages concernées
3.2	Couleurs	Contraste suffisant entre le texte et son arrière-plan	1	/exemple-rapport.html
9.1	Structuration de l’information	Information structurée par l’utilisation appropriée de titres	1	/exemple-rapport.html
10.7	Présentation de l’information	Prise de focus visible	1	/exemple-rapport.html
12.6	Navigation	Zones de regroupement atteignables ou évitables	2	/mentions-legales.html, /exemple-rapport.html
12.7	Navigation	Lien d’évitement ou d’accès rapide au contenu principal	2	/mentions-legales.html
13.3	Consultation	Version accessible des documents bureautiques	1	/

Obligations hors grille des critères

7 cible(s) tactile(s) de taille < 44×44 px (min. recommandé) (ex : a 254×38 «AccessiCheck par Bro», a 64×24 «Scanner», a 155×24 «Ce que l’on teste»).
WCAG 2.2 (2.5.8) — pas de critère RGAA 4.1 équivalent.
Aucune page ou lien « Déclaration d'accessibilité » détecté. Obligation RGAA pour les services concernés (art. 47 de la loi pour une République numérique).
Obligation légale (art. 47 de la loi pour une République numérique) — hors grille des 106 critères.
5 cible(s) tactile(s) de taille < 44×44 px (min. recommandé) (ex : a 179×12 «Déclaration d’access», button 137×21 «Envoyer le message», a 102×12 «Mentions légales»).
WCAG 2.2 (2.5.8) — pas de critère RGAA 4.1 équivalent.

6 critère(s) RGAA en échec sur le périmètre scanné. Le RGAA 4.1.2 compte 106 critères : seule une partie est automatiquement testable, un audit humain reste nécessaire pour déclarer la conformité.

Ce qui a été testé

Critère testé automatiquement	État
Contrastes de couleur	✗ Problème détecté
Textes alternatifs aux images (technique + sémantique)	✓ Conforme
Hiérarchie des titres	✗ Problème détecté
Labels et formulaires	✓ Conforme
Langue de la page	✓ Conforme
Structure et landmarks	✗ Problème détecté
Navigation clavier, skip-link, focus	✗ Problème détecté
Médias sous-titrés + documents PDF	✗ Problème détecté
Déclaration d’accessibilité + iframes titrées	✗ Problème détecté

La détection automatisée technique + analyse IA couvre une part importante mais non exhaustive des critères RGAA/WCAG : lecteur d’écran réel, contenus très complexes, tableaux de données, changements de langue, etc. restent du ressort d’un audit humain.

Glossaire (pour les non-développeurs)

Skip-link (lien d’évitement): Lien « Aller au contenu » placé en tout début de page : il permet aux utilisateurs de clavier ou de lecteur d’écran de sauter les menus répétitifs.
Ratio de contraste: Mesure de l’écart de luminosité entre un texte et son fond. Minimum légal : 4,5:1 pour le texte courant (3:1 pour les grands textes).
ARIA: Attributs invisibles ajoutés au code pour décrire les éléments aux technologies d’assistance (lecteurs d’écran).
Cible tactile: Zone cliquable d’un bouton ou lien. Sur mobile, elle doit mesurer au moins 44×44 px pour être utilisable confortablement.
Texte alternatif (alt): Texte attaché à une image, lu par les lecteurs d’écran et affiché si l’image ne charge pas.
RGAA: Référentiel français d’accessibilité (106 critères). C’est lui qui fait foi pour l’obligation légale en France.