Accessibilité du service
Cette page décrit, thématique RGAA par thématique, les mesures d'accessibilité mises en œuvre dans la démonstration, puis liste explicitement les points non conformes et leur justification — comme l'exige le cahier des charges (les écarts doivent être « listés et justifiés dans l'offre »).
Statut. Démonstration construite selon le RGAA 4.1, niveau AA visé. Elle n'a pas fait l'objet d'un audit tiers : il ne s'agit donc pas d'une déclaration de conformité au sens légal, mais d'un engagement de méthode vérifiable dans le code. En marché réel, un audit des 106 critères est réalisé avant mise en service et la déclaration d'accessibilité est publiée à cette adresse.
Le principe directeur : la carte n'est jamais le seul chemin
Une carte interactive n'est pas pleinement restituable par un lecteur d'écran. Plutôt que de prétendre rendre la carte « accessible », le service garantit une équivalence fonctionnelle complète :
- la vue liste présente 100 % des objets de la carte, avec les mêmes filtres, la même recherche et l'accès aux mêmes fiches ;
- un tableau récapitulatif des itinéraires (longueur, difficulté, communes, coordonnées) complète la liste ;
- toutes les fonctions — filtres, recherche, fiches, favoris, exports GPX/KML, impression — sont utilisables sans jamais interagir avec la carte ;
- si le fond de carte ne charge pas (hors connexion, service indisponible), l'application le signale et la vue liste reste entièrement fonctionnelle.
Mesures par thématique RGAA
| Thématique | État | Mesures mises en œuvre |
|---|---|---|
| 1. Images | Couvert | Vignettes SVG porteuses d'information avec role="img" et aria-label ; pictogrammes décoratifs en aria-hidden="true" ; le schéma de tracé imprimable est doublé d'une légende texte. |
| 2. Cadres | Couvert | Aucun iframe dans l'application. |
| 3. Couleurs | Couvert | L'information n'est jamais portée par la couleur seule : badges avec puce + texte, marqueurs différenciés par glyphe (piéton, vélo, monument, goutte…) en plus de la couleur, difficulté toujours écrite en toutes lettres. Contrastes texte ≥ 4,5:1. |
| 4. Multimédia | Couvert | Aucun contenu audio ou vidéo. |
| 5. Tableaux | Couvert | caption et en-têtes scope sur tous les tableaux ; conteneur défilant focusable avec role="region" nommé et mention « le tableau défile ». |
| 6. Liens | Couvert | Intitulés explicites hors contexte ; liens soulignés dans le texte ; chaque fiche possède une URL unique et pérenne, partageable. |
| 7. Scripts | Partiel | Composants pilotables au clavier (filtres, autocomplétion combobox/listbox avec flèches, dialogue natif <dialog>, onglets ARIA du back-office) ; résultats annoncés en aria-live. Réserve : la carte elle-même, voir les non-conformités. |
| 8. Éléments obligatoires | Couvert | lang="fr", titres de page uniques et signifiants, code HTML5 valide. |
| 9. Structuration | Couvert | Landmarks (header, nav, main, aside, footer), hiérarchie de titres continue, listes sémantiques pour les résultats. |
| 10. Présentation | Couvert | Mise en page en unités relatives, lisible à 200 % de zoom et à 390 px de large ; focus visible de 3 px sur tous les éléments interactifs ; contenu utilisable en orientation portrait comme paysage. |
| 11. Formulaires | Couvert | Étiquettes explicites reliées à chaque champ, aides en aria-describedby, champs obligatoires signalés autrement que par la couleur, erreurs listées avec liens vers les champs et aria-invalid (voir la saisie de fiche du back-office). |
| 12. Navigation | Couvert | Liens d'évitement vers le contenu et vers la liste de résultats ; deux moyens de navigation au moins (menu, recherche, liste) ; ordre de tabulation logique ; pas de piège au clavier. |
| 13. Consultation | Couvert | Exports GPX, KML et GeoJSON réutilisables ; fiche imprimable propre (feuille de style d'impression dédiée) ; aucune limite de temps imposée à l'utilisateur. |
Le tableau défile horizontalement sur petit écran.
Points non conformes, listés et justifiés
- La carte interactive elle-même (critères 7.1, 7.3). Le déplacement à la souris, le dessin des tracés et les regroupements de marqueurs ne sont pas restituables par un lecteur d'écran. La carte est déclarée
role="application"avec une description qui oriente vers l'alternative. Justification : dérogation pour contenu cartographique avec alternative équivalente — la vue liste et le tableau donnent accès à la totalité de l'information et des fonctions. - Info-bulles au survol des marqueurs (critère 10.13). L'info-bulle listant les objets d'un groupe apparaît au survol et à la sélection du marqueur, mais son contenu n'est pas déplaçable ni épinglable. Justification : information redondante — la même liste est disponible en permanence dans le panneau de résultats synchronisé.
- Éditeur de texte riche du back-office (critère 7.1). La démonstration utilise une zone
contenteditablesimple ; les raccourcis de mise en forme ne sont pas tous annoncés. Justification : écran de simulation ; en marché réel, l'éditeur retenu doit être conforme (ex. : éditeur compatible ARIA avec barre d'outils navigable aux flèches) et ce point figure au plan de recette.
Tout autre écart constaté peut être signalé à contact@vauclen.fr ; en marché réel, la page rappelle aussi les voies de recours (référent accessibilité de la collectivité, Défenseur des droits).
Comment le vérifier en trois minutes
- Parcourez l'application uniquement au clavier (Tab, flèches, Entrée, Échap) : filtres, autocomplétion de commune, fiches, favoris, exports ;
- ouvrez la vue liste et constatez qu'elle donne accès à tout, y compris carte coupée (ajouter
?offlineà l'URL simule l'absence de fond de carte) ; - zoomez le texte à 200 % ou réduisez la fenêtre à la largeur d'un téléphone : rien ne déborde, rien ne disparaît.