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.

À lire ensuiteCheckout accessible : éviter les abandons causés par des barrières