Audit accessibilité fait par le PNI

[thbar]

Je copie ici le contenu du pad privé avec l'audit accessibilité faite par le PNI, pour qu'on puisse y faire référence dans des PR ou tickets plus scopés.

transport.data.gouv.fr - Évaluation rapide d'accessibilité

Contexte

Début 2025, le Pôle Numérique Inclusif (PNI) a étudié l’accessibilité numérique sur un échantillon du portefeuille. transport.data.gouv.fr faisait partie du panel analysé.

Résultat

Notre audit manuel sur un échantillon de 3 pages nous a permis de constater que le niveau est faible :

• La base est là avec l'utilisation du DSFR et des intitulés corrects, mais il y a des défauts d'accessibilité localisés élémentaires qui causent des blocages pour vos usagers. Nous ne vous recommandons pas l'audit de conformité à ce stade.
• Il faudra bien corriger les différentes erreurs répertoriées ci-dessous, si elles sont toujours d'actualité.

Par ailleurs, sur les 3 pages analysées, nous avons identifié 22 points bloquants.

Problèmes les plus marquants

• Formulaire : celui de demande d'aide n'est pas accessible.
• Hiérarchisation : il y a des sauts dans la hiérarchie des titres (h1->h4, ou h2->h4...).
• Navigation au clavier :
  • lien d'évitement manquant
  • revoir la navigation au clavier (piège dans la pop-in de contact par exemple)

Recommandations

Voici nos recommandations à l'équipe :

• Utiliser les notices AccedeWeb pour corriger la hiérarchie des pages et les formulaires.
• Le lien d'évitement est déjà présent dans le DSFR et rendra service à vos usagers.
• Continuer / accentuer les vérifications manuelles régulières (Easy Checks).

Rapport détaillé

Légende :

NC : Non concerné

✅ : Pas de problème

⚠️ : Problème gênant (erreur causant des difficultés, mais non critique)

❌ : Problème bloquant (erreur entravant le parcours et/ou présentant un grand nombre d'occurrences sur une même page)

Suivez les liens dans le tableau pour connaître les bonnes pratiques d'accessibilité à mettre en place.

Critères	Accueil	Recherche	Contenu
	Accueil	Liste des transports d'une ville	Description du transporteur
Nombre d'erreurs HTML	1	5	14
Nombre d'erreurs WAVE	7	5	8
Langue principale de la page : présente et pertinente	✅	✅	✅
Titre de page (balise <title>) unique	✅	✅	✅
Titre de page (balise <title>) pertinent	✅	✅	✅
Attribut alt présent sur chaque balise	✅	✅	❌
Ignorer les images non informatives	⚠️	⚠️	⚠️
Prévoir un texte de remplacement pour chaque image informative	✅	⚠️	⚠️
Prévoir un moyen d’accès à la description détaillée de chaque contenu riche	NC	NC	NC
Au moins un hN	✅	✅	✅
Pas de saut de niveau	❌	❌	❌
Hiérarchie des titres cohérente (reflétant la page)	❌	❌	⚠️
Contraste suffisant des textes et des composants graphiques avec leur fond	❌	✅	❌
Lisibilité du site agrandi à 200%	⚠️	⚠️	❌
Éviter les images texte	NC	NC	NC
Cohérence de l’ordre de tabulation	⚠️	⚠️	✅
Visibilité du focus	✅	✅	✅
Pas de piège au clavier	❌	❌	❌
Lien d’évitement « Aller au contenu » : présent et fonctionnel	❌	❌	❌
Au moins deux moyens de navigation	✅	✅	❌
Intitulés des liens & boutons : explicites	❌	❌	❌
Étiquettes de formulaires : présentes & pertinentes	❌	❌	❌
Indiquer clairement les champs obligatoires	⚠️	⚠️	⚠️
Intitulés des boutons de formulaire : explicites	⚠️	⚠️	⚠️
Sous-titres ou transcription pour les vidéos informatives pour les sourds et malentendants (présence / pertinence)	NC	NC	NC
Mouvement ou clignotement peut être arrêté	NC	NC	NC

Pour en savoir plus sur l'étude

Pour comprendre comment votre service se situe par rapport aux autres services, retrouvez les résultats consolidés de l'étude globale dans le rapport Évaluation de l'accessibilité des services 2024.