Une boîte de dialogue modale est une fenêtre superposée sur la fenêtre principale, qui elle est inerte. Autrement dit, les utilisateurs ne peuvent pas interagir avec le contenu en dehors d’une fenêtre de dialogue active. Le contenu inerte est généralement obscurci ou estompé visuellement. La navigation dans la boîte de dialogue doit se se faire avec une souris et un clavier.
Liste de vérification
- Fermer la fenêtre : Il est possible de fermer la boîte de dialogue avec une souris et un clavier.
- Naviguer : Il est possible de naviguer à l’intérieur de la boîte de dialogue avec une souris et un clavier.
- Concentrer l’attention : Lorsque la boîte de dialogue est active, il n’est pas possible d’interagir avec la fenêtre principale, qui est soit obscurcie ou estompée visuellement.
- Prévenir les erreurs : Le premier élément focalisable de la boîte de dialogue ne doit pas être un élément qui propose une action destructive (annuler, effacer).
- Retour sur la fenêtre principale : La fermeture de la boîte de dialogue ramène le focus à un endroit logique dans la fenêtre principale.
Navigation dans la boîte de dialogue
Lorsque la boîte de dialogue s’ouvre, le focus doit être placé :
- Sur le premier élément focalisable,
- OU sur le premier élément statique de contenu de la boîte de dialogue.
Le choix du premier élément focalisable doit tenir compte des considérations suivantes :
- L’action de l’élément focalisé n’est pas destructive (par exemple, éviter de mener directement à un bouton Effacer ou Annuler).
- L’élément le plus fréquemment utilisé est un bon choix, surtout s’il permet de poursuivre une action logique ou de suivre un processus.
Retour vers la liste de vérification
Retour sur la fenêtre principale
Lorsque la boîte de dialogue est fermée par l’utilisateur, le focus doit être dirigé sur :
- l’élément qui a lancé la boîte de dialogue (point d’origine)
- OU sur un un élément différent :
- L’élément logique suivant
- L’étape suivante, s’il s’agit d’un processus séquentiel.
Retour vers la liste de vérification
Interaction avec le clavier
Le comportement attendu lors de la navigation avec un clavier est le suivant :
- Tab : Déplace le focus sur le prochain élément focalisable à l’intérieur de la boîte de dialogue. Boucle jusqu’au premier élément.
- Shift + Tab : Déplace le focus sur le précédent élément focalisable à l’intérieur de la boîte de dialogue. Boucle jusqu’au dernier élément.
- Échappement : Ferme la boîte de dialogue.
Retour vers la liste de vérification