Foundations
Accessibilité
WCAG 2.1 niveau AA est le minimum non négociable pour tout écran du portail ISS.
Contrastes minimum
- • Texte courant ≥ 4.5:1
- • Texte large (≥ 18pt) ≥ 3:1
- • Composants UI et icônes informatives ≥ 3:1
Focus & clavier
- • Focus visible obligatoire sur tout élément interactif (anneau 2px, couleur primaire).
- • Ordre du focus logique, suit la lecture visuelle.
- • Toute action souris doit avoir un équivalent clavier.
- • Échap ferme modal et menus.
Cibles tactiles
Taille minimum recommandée : 44 × 44 px. Boutons en mobile : hauteur 48px.
Règles
À faire
- • Associer chaque input à un label
- • Annoncer les erreurs avec aria-live et un message texte
- • Fournir un texte alternatif aux images informatives
- • Tester avec lecteur d'écran (VoiceOver / NVDA)
À éviter
- • Communiquer un état par la seule couleur
- • Désactiver l'outline du focus sans le remplacer
- • Mettre du texte dans une image
- • Utiliser des icônes seules sans label accessible