Accessibilité
Accessibilité : pour tous les publics, sans exception
Déclaration d'accessibilité au format RGAA 4.1, réglages par besoin et aide concrète pour les personnes aveugles, sourdes, non verbales, dys, à mobilité réduite, avec un handicap cognitif ou photosensibles.
Interprétation LSF à venir
Ce contenu (« déclaration d'accessibilité ») n'a pas encore de vidéo en langue des signes française. Dans ce concept, aucune vidéo n'est simulée : le bouton apparaîtra actif dès qu'une interprétation existera.
En attendant : le texte complet, la version FALC, et le contact par écrit (formulaire, tchat) sont disponibles. Les délégations avec accueil en LSF sont signalées par un pictogramme sur la carte.
Nos réglages
Le bouton Options d'accessibilité en haut de chaque page (raccourci Alt + 0) ouvre un panneau organisé par besoin : vision, audition, parole, cognition, motricité, photosensibilité. Chaque réglage s'applique tout de suite, reste sur votre appareil et peut être enregistré sur votre compte pour vous suivre partout.
La même chose existe en page entière, pensée pour les lecteurs d'écran : /accessibilite/options.
Aide par besoin
Ce que le site propose concrètement, selon votre situation. Les besoins se combinent : tous les réglages peuvent être activés ensemble.
Je suis aveugle ou malvoyant
- Tout le site se parcourt au lecteur d'écran et à la plage braille : titres hiérarchisés, zones nommées (en-tête, navigation, contenu, pied de page), formulaires étiquetés, images décrites.
- Trois liens d'évitement en haut de chaque page ; raccourcis Alt + 1 (contenu), Alt + 2 (menu), Alt + 3 (recherche), Alt + 0 (options).
- Texte jusqu'à 200 %, contraste élevé, police lisible, espacement renforcé, focus et curseur renforcés, masque de lecture, liens soulignés, mode « texte seul ».
- La carte a toujours une alternative : la liste des structures, avec adresse, téléphone et pictogrammes d'accessibilité.
- Bouton « Lire à voix haute » sur l'assistant et les contenus longs.
Je suis sourd ou malentendant
- Aucune information ne passe par le son seul. Les vidéos de fond sont muettes ; leurs sous-titres décrivent la scène et une transcription est repliable sous chaque vidéo.
- Réglages : sous-titres toujours affichés, transcriptions dépliées, mode visuel (chaque alerte a un bandeau visible, vibration douce sur mobile).
- Bouton « Vidéo en LSF » sur les contenus clés. Honnêtement : aucune interprétation n'existe encore dans ce concept, le bouton le dit et propose les alternatives écrites.
- Contact par écrit partout : formulaire, assistant, signalement. Jamais de téléphone obligatoire.
Je ne parle pas, ou peu
- Mode « sans voix » : la dictée disparaît, et chaque formulaire propose des phrases prêtes, des pictogrammes et le clavier pour composer une demande sans parler ni beaucoup écrire.
- La machine parle pour vous : « Lire à voix haute » lit la réponse de l'assistant ou le texte que vous avez composé.
- Dans l'assistant droits et le signalement d'obstacle, le composeur de pictogrammes est ouvert par défaut en mode sans voix.
Je suis dys, ou j'ai un handicap cognitif
- FALC (Facile À Lire et à Comprendre) par défaut : l'assistant et les récits s'affichent d'abord en langage simple.
- Pictogrammes dans les menus, lecture simplifiée (décors et actualités masqués), messages affichés plus longtemps, aide « ? » en une phrase sur chaque zone.
- Police Atkinson Hyperlegible, espacement renforcé, pas de texte justifié, pas de défilement automatique en mode « aucune animation ».
- Une seule idée par phrase dans les formulaires, erreurs expliquées et listées en haut du formulaire.
J'ai un handicap moteur
- Navigation 100 % clavier, ordre logique, focus toujours visible (3 px minimum, 4 px renforcé). Aucun piège clavier ; Échap ferme toujours.
- Cibles d'au moins 44 px, 48 px en mode « cibles plus grandes ». Clic lent (anti-double-clic) et désactivation du glisser-déposer : la carte se déplace au clavier et avec les boutons.
- Aucune action ne dépend d'un geste complexe, d'un mouvement de l'appareil ou d'une durée limitée.
Je suis photosensible
- Aucun contenu ne clignote plus de trois fois par seconde. Les halos bougent lentement et s'arrêtent avec « réduire les animations » ou la préférence système.
- Mode « aucune animation » : plus aucune transition, les vidéos sont remplacées par une image fixe, le curseur ne clignote plus.
Raccourcis clavier
Sur Firefox (Linux et Windows), Alt + chiffre change d'onglet : utilisez alors Alt + Maj + chiffre. Les raccourcis fonctionnent sur toutes les pages, y compris le back-office.
| Touches | Action |
|---|---|
| Alt + 1 | Aller au contenu principal |
| Alt + 2 | Aller au menu de navigation |
| Alt + 3 | Aller à la recherche (poser une question) |
| Alt + 0 | Ouvrir les options d'accessibilité |
| Échap | Fermer le menu ou la fenêtre ouverte |
| Tab / Maj + Tab | Passer d'un élément interactif au suivant / au précédent |
| Entrée / Espace | Activer le lien ou le bouton qui a le focus |
Déclaration d'accessibilité
Pixeeplay, auteur de ce concept non officiel de refonte du site d'APF France handicap, s'engage à rendre ce service accessible, conformément à l'article 47 de la loi n° 2005-102 du 11 février 2005. Cette déclaration d'accessibilité s'applique au site de démonstration et à son application web (PWA), y compris l'espace personnel et le back-office.
Ce site n'est ni édité ni approuvé par l'association. La déclaration officielle du site réel se trouve sur apf-francehandicap.org.
État de conformité
En cours d'évaluation. Ce concept n'a pas encore fait l'objet d'un audit de conformité RGAA 4.1 complet (106 critères, tests manuels avec technologies d'assistance). Au sens du référentiel, tant que cet audit n'est pas réalisé, le site doit être considéré comme non conforme. Un audit automatisé (axe-core, règles WCAG 2.0, 2.1 et 2.2 niveaux A et AA) a été exécuté le 3 octobre 2026 sur dix pages représentatives et ses non-conformités corrigibles ont été corrigées ; il ne couvre qu'une partie des critères.
Résultats des tests
- Audit automatisé axe-core 4.10 (Chromium) sur les dix pages ci-dessous : 0 violation critique ou sérieuse après corrections. Le rapport détaillé est dans
docs/09-audit-accessibilite-2026-10-03.mdet se rejoue avecverif/audit-accessibilite.py. - Vérification des contrastes des jetons de couleur (texte atténué ≥ 4,5:1, composants ≥ 3:1) dans les deux thèmes.
- Parcours clavier complet des pages testées (liens d'évitement, menus, dialogues, formulaires, carte).
- Tests avec lecteurs d'écran (NVDA + Firefox, VoiceOver + Safari, TalkBack) et plage braille : à réaliser avant toute mise en ligne réelle.
Contenus non accessibles
Les contenus listés ci-dessous ne sont pas accessibles pour les raisons suivantes.
Non-conformités connues
- Aucune vidéo n'a encore d'interprétation en langue des signes française ; le bouton « Vidéo en LSF » l'indique honnêtement (RGAA 4.7 et 4.8 non satisfaits, niveau AAA).
- Les images et vidéos sont générées par IA ; leurs descriptions sont rédigées à la main et peuvent être moins précises qu'une description éditoriale.
- Les fenêtres contextuelles de la carte (Leaflet) ne sont pas entièrement pilotables au lecteur d'écran ; l'alternative est la liste des structures, liée à la carte.
- Les pages du back-office (tableaux denses, éditeurs) n'ont été vérifiées qu'automatiquement et sur la page de connexion.
- La maquette animée servie sur
/maquetteest un prototype de présentation et n'entre pas dans ce périmètre.
Dérogations pour charge disproportionnée
Aucune.
Contenus non soumis à l'obligation d'accessibilité
Les tuiles cartographiques OpenStreetMap (contenu tiers non contrôlé) ; les polices chargées depuis Google Fonts.
Établissement de cette déclaration d'accessibilité
Cette déclaration a été établie le 3 octobre 2026.
Technologies utilisées pour la réalisation du site
HTML5, CSS (Tailwind), SVG, WAI-ARIA, JavaScript (React 18, Next.js 14), WebVTT, Web Speech API.
Environnement de test
- Chromium 141 (Playwright) + axe-core 4.10 — automatisé, réalisé.
- Firefox + NVDA, Safari macOS + VoiceOver, Safari iOS + VoiceOver, Chrome Android + TalkBack — manuel, à réaliser.
Outils pour évaluer l'accessibilité
axe-core, script de vérification des contrastes (WCAG 2.x), inspection du DOM et parcours clavier, Lighthouse.
Pages du site ayant fait l'objet de la vérification
- Accueil (/)
- Mes droits — assistant (/droits)
- Près de chez moi — carte (/pres-de-chez-moi)
- Portraits (/portraits)
- Agir — bénévolat, don, adhésion (/agir)
- Signaler un obstacle (/signaler)
- 100 fonctions IA (/fonctionnalites-ia)
- Accessibilité (cette page) (/accessibilite)
- Connexion au back-office (/admin/login)
- Installer l'application (/installer)
Schéma pluriannuel et plan d'action
Ce qu'une mise en ligne réelle de cette refonte engagerait, sur trois ans, avec un plan d'action annuel public.
- Année 1 — conformité. Audit RGAA 4.1 complet par un tiers, correction des non-conformités, tests utilisateurs avec des personnes concernées (aveugles, sourdes, non verbales, dys, moteur, cognitif), publication de la déclaration et du plan d'action, formation de l'équipe éditoriale (alternatives, FALC, sous-titres).
- Année 2 — au-delà du AA. Vidéos en LSF sur les contenus clés, versions FALC relues par des personnes concernées, audiodescription, référent accessibilité, intégration du contrôle d'accessibilité dans la chaîne de publication (blocage avant mise en ligne).
- Année 3 — maintien. Audit annuel, tests automatisés à chaque livraison, suivi des retours des utilisateurs, mise à jour de la déclaration, extension aux applications natives (iPhone, iPad, Mac, Apple TV, Watch).
Retour d'information et contact
Si vous n'arrivez pas à accéder à un contenu ou à un service, vous pouvez nous le signaler pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme : par le formulaire de contact (écrit, sans CAPTCHA), ou par le tchat de l'assistant qui transmet à une personne de l'équipe.
Voies de recours
Si vous constatez un défaut d'accessibilité vous empêchant d'accéder à un contenu ou à une fonctionnalité du site, que vous nous le signalez et que vous ne parvenez pas à obtenir une réponse de notre part, vous êtes en droit de faire parvenir vos doléances ou une demande de saisine au Défenseur des droits.
- Écrire un message au Défenseur des droits : formulaire.defenseurdesdroits.fr (nouvelle fenêtre)
- Contacter le délégué du Défenseur des droits dans votre région : defenseurdesdroits.fr/saisir/delegues (nouvelle fenêtre)
- Envoyer un courrier par la poste (gratuit, sans affranchissement) : Défenseur des droits, Libre réponse 71120, 75342 Paris CEDEX 07.
- Téléphone : 09 69 39 00 00 (du lundi au vendredi, de 8 h à 20 h).