Accessibilité

État de conformité

KiTirOu est partiellement conforme avec le référentiel général d'amélioration de l'accessibilité (RGAA 4.1). Un audit de code source a été réalisé en juin 2026, et les correctifs prioritaires sont en cours d'intégration. Des tests manuels (lecteur d'écran, navigation clavier, mesure de contraste sur pages réelles) restent à effectuer pour établir un taux de conformité officiel.

Périmètre de l'audit

L'audit a porté sur l'ensemble du code source de l'application (64 gabarits HTML, feuilles de style CSS, scripts JavaScript) et couvre :

• Le site public (accueil, calendrier FFTA, blog, authentification)
• L'application authentifiée (concours, covoiturage, amis, calendrier personnel)
• L'interface d'administration

Non-conformités identifiées et actions menées

Les principaux écarts relevés et les correctifs apportés :

• Focus clavier (RGAA 10.7) — indicateur de focus manquant sur les liens et boutons du site public. Corrigé : règles :focus-visible ajoutées dans la feuille de style publique.
• Contraste des couleurs (RGAA 3.1) — textes secondaires en #8a939c sous le seuil de 4,5:1. Corrigé : remplacement par #6c757d dans les styles publics.
• Formulaire covoiturage (RGAA 11.1) — champs sans étiquette visible. Corrigé : ajout des labels WTForms sur tous les champs du formulaire.
• Dialogues de confirmation (RGAA 7.5) — 7 occurrences de confirm() natif peu accessible aux lecteurs d'écran. Corrigé : remplacement par des modales Bootstrap accessibles (balisage ARIA complet, focus géré, Échap fonctionnel).
• Modale « Départs détectés » (RGAA 7.3, 12.8) — ouverture automatique au chargement, Échap désactivé, absence de bouton Fermer. Corrigé : la modale est désormais ouverte à la demande, fermable par Échap et par bouton ×, avec alerte role="status" non bloquante.
• Messages flash public (RGAA 11.10) — messages sans role="alert". Corrigé : attribut ajouté sur le site public.
• Graphiques Chart.js (RGAA 7.1) — 6 canevas sans alternative textuelle. Corrigé : role="img" aria-labelledby sur chaque canevas + tableaux de données masqués visuellement mais lisibles par les technologies d'assistance.
• Association label/champ (RGAA 11.1) — sélecteurs de club sans attribut for. Corrigé : ajout d'identifiants uniques et de l'attribut for sur chaque étiquette.
• Feedback copie de lien (RGAA 7.3) — retour « Lien copié ! » non annoncé aux lecteurs d'écran. Corrigé : ajout d'une région live (aria-live="polite") et suppression de la boîte prompt() au profit d'un champ de saisie sélectionnable.
• Emploi du temps (RGAA 5.3) — grille d'événements en div CSS sans sémantique. Corrigé : refactorisation en <table> avec <caption>, scope="col" et scope="row".
• Titres H1 génériques (RGAA 9.1) — pages admin avec <h1>Administration</h1> non spécifique. Corrigé : titre de section spécifique sur chaque page.
• Pied de page public (RGAA 9.1) — absence de landmark <footer>. Corrigé : élément <footer role="contentinfo"> sur le site public.
• Navigation mobile (RGAA 12.6) — absence de menu mobile accessible. Corrigé : bouton hamburger avec aria-expanded, aria-controls, Échap fonctionnel, et aria-current="page" sur le lien actif.

Limites connues

Les éléments suivants n'ont pas encore fait l'objet de tests manuels complets et peuvent présenter des écarts résiduels :

• Tests lecteur d'écran (NVDA, Orca) sur l'ensemble des parcours
• Tests de navigation clavier sur le site public
• Mesure de contraste réel sur les pages en production
• Textes alternatifs des images d'articles de blog — limités au titre de l'article faute de description par bloc dans la base de données
• Contenus défilables horizontalement (emploi du temps, articles liés) sans indication clavier explicite

Contact

Pour signaler un problème d'accessibilité ou demander une alternative accessible : contact@kitirou.com

Méthode d'évaluation

Audit de code source réalisé en interne en juin 2026. Outils préconisés pour les tests complémentaires : axe DevTools, Pa11y, NVDA (Windows), Orca (Linux), WebAIM Contrast Checker.