Aide et Accessibilité

Nous souhaitons rendre notre site accessible au plus grand nombre. Cette page explique les moyens mis en œuvre pour améliorer l’accessibilité et propose des solutions si vous rencontrez des difficultés.

Notre approche de l’accessibilité

Nous suivons les bonnes pratiques des Web Content Accessibility Guidelines (WCAG) afin de faciliter l’accès à nos contenus, notamment :

  • une navigation claire au clavier, avec un lien « Aller au contenu » visible au focus en haut de page ;
  • des zones de page repérées (en-tête, navigation, contenu principal, pied de page) ;
  • des tailles de police minimales confortables et des focus visibles ;
  • des images munies d’attributs alt pertinents ou marquées comme décoratives ;
  • des composants interactifs (carrousels, accordéons) contrôlables au clavier avec retour d’état (aria-expanded, aria-current, etc.).

Objectif : tendre vers un niveau d’accessibilité équivalent WCAG 2.2 AA sur les gabarits principaux. Des améliorations sont réalisées en continu.

Aide à la navigation

Accéder rapidement au contenu

Au chargement de la page, appuyez sur Tab pour faire apparaître le lien « Aller au contenu ». Activez-le pour atteindre directement la zone principale.

Menu principal

La navigation principale se trouve dans l’en-tête et est accessible au clavier. Les items reçoivent le focus dans l’ordre et le focus est visible.

Bouton « Haut de page »

Un bouton « Remonter en haut » est disponible en bas de page, activable au clavier et à l’écran tactile.

Carrousel & pastilles (page Éducateurs)

  • Les boutons précédent/suivant possèdent un libellé accessible (ex. : « Éducateur suivant : Prénom Nom »).
  • Les images miniatures sont décoratives dans les boutons et ne perturbent pas les lecteurs d’écran.
  • Les pastilles (points) sont des boutons : le point actif est annoncé (aria-current="true").

Accordéons (expériences, diplômes)

Chaque accordéon s’ouvre/ferme avec Entrée ou Espace. L’état est annoncé via aria-expanded, et le panneau est relié à son bouton (aria-controls/aria-labelledby).

Liens externes

Certains liens (ex. : HelloAsso, Calendly) s’ouvrent dans un nouvel onglet. Une mention cachée aux lecteurs d’écran le précise (« ouvre un nouvel onglet »).

Personnaliser l’affichage

  • Zoom : Ctrl + + / Ctrl + - (Windows, Linux) ou ⌘ + + / ⌘ + - (macOS).
  • Taille de texte : dans votre navigateur, vous pouvez augmenter la taille des caractères (Paramètres > Apparence).
  • Mode lecture : disponible sur la plupart des navigateurs pour afficher le texte avec une mise en page simplifiée.
  • Navigation au clavier : utilisez Tab / Shift+Tab pour parcourir les éléments interactifs, Entrée ou Espace pour activer, et les flèches si proposées par le composant.

Limitations connues

  • Services tiers : les contenus intégrés (ex. HelloAsso, Calendly) suivent leurs propres règles d’accessibilité. Nous veillons à les intégrer de façon la plus accessible possible (libellés clairs, annonce d’ouverture en nouvel onglet).
  • Images historiques : certaines images anciennes peuvent nécessiter un enrichissement de leurs textes alternatifs. Nous les complétons progressivement.

Si vous remarquez une difficulté non listée, votre retour nous aidera à corriger rapidement.

Support & contact

Vous pouvez nous signaler un problème d’accessibilité ou demander une alternative accessible à un contenu précis.

Merci d’indiquer si possible : l’URL de la page concernée, la description du problème, votre navigateur/système, et si vous utilisez un lecteur d’écran ou une technologie d’assistance.

Engagement continu

Nous mettons régulièrement à jour notre site pour améliorer son accessibilité et son confort d’utilisation. Les corrections sont déployées en priorité sur les modèles les plus consultés. Vos retours sont précieux !

Dernière mise à jour : .