Design system
Accessibilité
Le niveau visé (WCAG 2.2 AA), les contrastes mesurés et les règles qui le tiennent.
Le site vise le niveau WCAG 2.2 AA. Il est contrôlé avec axe-core sur toutes les pages, en clair et en sombre, sur ordinateur et sur téléphone : 0 écart au 31 octobre 2026.
Contrastes mesurés
| Paire | Ratio | Usage |
|---|---|---|
| Texte sur fond, clair | 16,7:1 | Texte courant |
| Texte secondaire sur fond, clair | 6,5:1 | Résumés, métadonnées |
| Texte secondaire sur surface, clair | 5,9:1 | Fiches, notes |
| Texte sur fond, sombre | 15,5:1 | Texte courant |
| Texte secondaire sur fond, sombre | 7,7:1 | Résumés, métadonnées |
| Texte foncé sur jaune | 10,3:1 | Étiquettes de légende |
| Texte foncé sur cyan | 7,6:1 | Étiquettes de légende |
| Texte foncé sur lime | 10,3:1 | Étiquettes de légende |
| Blanc sur magenta | 4,5:1 | Bandeau citation, légende |
| Jaune sur fond blanc | 1,6:1 | Jamais pour du texte |
| Cyan sur fond blanc | 2,2:1 | Jamais pour du texte |
Règles
- Couleur jamais seule : chaque famille de couleur a aussi un motif (points, hachures) dans les graphiques, et un nom.
- Clavier : tout ce qui s’ouvre au survol s’ouvre aussi au clavier (menus, bulles des graphiques, nœuds de la fleur) ; Échap referme.
- Focus visible : contour de 2px dans la couleur du texte.
- Lien d’évitement « Aller au contenu » en tête de chaque page.
- Titres sans saut de niveau : un h1 par page, puis h2, h3.
- Images : un texte alternatif qui dit ce que l’image montre ; vide si elle est décorative.
- Mouvement : pas de lecture automatique ; les animations s’arrêtent si l’appareil demande moins de mouvement.
- Cibles tactiles : 44 × 44 px au minimum.
- Langue : chaque page déclare sa langue ; les passages dans une autre langue aussi.
- Mode sombre : le site suit le réglage de l’appareil, pour que le navigateur ne recolore pas les pages à sa façon.