Accessibilité

Ce que le widget apporte

• Navigation complète au clavier : cartes, filtres, bouton « Afficher plus », fiches et retour, sans piège de focus.
• Focus géré : à l’ouverture d’une fiche, le focus est placé sur son titre et le cadre est ramené à l’écran ; à la fermeture (bouton de retour ou touche Échap), il revient sur la carte d’origine ; après « Afficher plus », sur la première carte ajoutée.
• Structure : un titre de niveau 1 par vue, sections titrées, régions nommées, listes réelles pour les cartes, tableaux d’horaires avec en-têtes de ligne.
• Formulaires : champ de recherche étiqueté, filtres par besoin en boutons à état pressé, nombre de résultats annoncé dans une région live.
• Contrastes : vérifiés au niveau AA sur chaque couple texte et fond, et garde-fou automatique sur la couleur d’accent que vous choisissez, assombrie jusqu’à 4,5:1 si nécessaire, anneau de focus compris.
• Jamais la couleur seule : l’état d’ouverture, la gratuité et la mise en avant sont écrits en toutes lettres, les icônes sont décoratives.
• Mise en page fluide jusqu’aux écrans étroits, textes redimensionnables, animations réduites pour qui l’a demandé à son système.

La déclaration d’accessibilité du widget détaille l’état de conformité, les limites connues et les voies de recours.

Ce qui reste de votre ressort

Le widget vit dans un cadre à l’intérieur de votre page ; certains critères du RGAA se jouent dans la page, pas dans le cadre.

1. L’intitulé du cadre : l’extrait du configurateur porte un attribut data-annuaire-titre qui nomme le territoire d’après votre titre ou la zone (voir l’extrait et ses attributs) ; gardez-le, et distinguez les intitulés si une page accueille plusieurs widgets. Sans lui, le cadre s’appelle « Annuaire des aides et services ».
2. Le contexte : placez le widget sous un titre de votre page qui l’annonce (« Aides et services près de chez vous », par exemple), et ne l’imbriquez pas dans un autre cadre.
3. La langue et le titre de la page : le widget est en français ; votre page doit déclarer sa langue (lang="fr") et porter un titre explicite.
4. Votre déclaration d’accessibilité : indiquez que la section provient d’un service tiers et renvoyez vers la déclaration du widget. Un modèle de phrase :

La liste des aides et services de [territoire] est fournie par le widget Annuaire Solidaire, dont la déclaration d’accessibilité est consultable à l’adresse https://annuairesolidaire.fr/widget/accessibilite/.

Signaler un défaut

Si un défaut d’accessibilité est constaté dans le widget, sur votre site ou par un de vos usagers, écrivez à contact@annuairesolidaire.fr en indiquant la page, l’action concernée et, si possible, la technologie d’assistance utilisée. Une correction du widget se propage à tous les sites qui l’embarquent, sans rien changer à votre extrait.