Navigation au clavier
Tout ce qui se fait à la souris se fait au clavier : menus, panneaux, recherche, visionneuse, filtres. Un lien d’évitement mène directement au contenu, et l’ordre de tabulation suit l’ordre de lecture.
Notre engagement
Viser le niveau AA, tendre vers AAA
Ce site est conçu pour satisfaire les critères WCAG 2.1 de niveau AA, et vise le niveau AAA sur le contraste des textes. L’accessibilité y est traitée comme une exigence de conception, pas comme une correction apportée après coup.
Focus toujours visible
Chaque élément interactif porte un anneau de focus de 2 px, décalé de 2 px, dans la teinte du thème actif. Aucun contour n’est supprimé sans remplacement accessible.
Contraste dans les deux thèmes
Les couleurs viennent d’un système de jetons dont chaque rôle est dérivé, jamais écrit en dur. Le texte courant, les libellés discrets et les bordures de champ tiennent leur seuil de contraste en clair comme en sombre, et sur les quatre palettes.
Cibles confortables
Boutons, champs et icônes cliquables mesurent au moins 44 × 44 px, taille obtenue par le remplissage interne plutôt que par une hauteur fixe : la mise en page reste intacte.
Mouvement réduit respecté
Si votre système demande moins d’animation, les révélations au défilement, le défilement doux et les transitions s’effacent. Rien d’essentiel n’est porté par une animation seule.
Structure sémantique
Un seul h1 par page, des titres hiérarchisés, des repères de navigation nommés, des étiquettes de formulaire réelles. Les attributs ARIA ne sont ajoutés que là où le HTML natif ne suffit pas.
Limites connues
Ce qui reste à améliorer
- Les vidéos sont hébergées sur YouTube : les sous-titres dépendent de ceux publiés sur la chaîne, et toutes nos vidéos n’en disposent pas encore.
- Certaines photographies d’archives sont livrées à leur taille d’origine, ce qui allonge le chargement sur une connexion lente.
- Les affiches d’événements portent leur texte dans l’image ; l’information essentielle est reprise dans la page, mais pas toujours mot pour mot.
Signaler un obstacle
Dites-nous ce qui vous bloque
- La page concernée et ce que vous tentiez de faire
- Votre navigateur et votre technologie d’assistance, si vous en utilisez une
- Une réponse, et la correction planifiée