Centre de ressources
6 min de lecture
Modales et composants interactifs accessibles
Les composants dynamiques concentrent les erreurs de focus, nommage et état qui peuvent bloquer tout un parcours.
Gérez le focus et l'état
Lorsqu'un dialogue s'ouvre, le focus doit y entrer puis revenir au déclencheur à sa fermeture. Les composants doivent exposer leur nom, état étendu ou sélectionné et une fermeture claire.
Checklist composants
Transformez ces vérifications en tâche répétable pour le design, le contenu et le développement.
- La modale a un titre et un nom accessible.
- Échap ferme la modale quand c'est approprié.
- Le focus est contenu seulement pendant l'ouverture.
- Accordéons et menus communiquent leur état.
- Les alertes dynamiques sont annoncées sans interrompre la tâche.
Étape suivante
Testez les composants réutilisables isolément et dans le parcours réel où ils sont utilisés.