Fenêtres modales

Utilisation d’un composant non finalisé

Cette version est non finalisée et n’a pas encore été officialisée dans le Système de conception pour l’Ontario. Elle comprend actuellement des maquettes préliminaires dans Figma, mais aucun code connexe.

Les équipes peuvent utiliser ce composant comme point de départ, mais pourraient devoir effectuer des recherches supplémentaires et adapter les conceptions en fonction de leurs besoins particuliers.

Exemple de conception

---

Pour demander l’accès aux fichiers de conception, écrivez à : design.system@ontario.ca.

Quand utiliser ce composant

Utilisez une fenêtre modale(également appelée boîte de dialogue ou fenêtre contextuelle) pour inviter les utilisateurs à prendre une décision, à confirmer une action ou à effectuer une tâche ciblée. Les fenêtres modales doivent être utilisées avec parcimonie, car elles peuvent accroître la charge cognitive et interrompre le parcours de l’utilisateur.

Vous pouvez utiliser une fenêtre modale lorsque :

• l’utilisateur doit prendre une décision explicite ou confirmer une action avant de poursuivre (par exemple, signaler de l’information critique ou confirmer une action destructive ou irréversible);
• l’utilisateur doit effectuer une tâche courte et autonome.

Quand ne pas utiliser ce composant

N’utilisez pas de fenêtre modale lorsque :

• le contenu est long ou complexe;
• la tâche exige de consulter fréquemment l’information présentée sur la page sous‑jacente;
• l’interaction peut plutôt être intégrée à la mise en page (par exemple sous forme de messages d’erreur, de réussite ou d’avertissement);
• plusieurs fenêtres modales devraient être empilées ou enchaînées.

Partager vos observations

Si votre équipe utilise ou met à l’essai cette version préliminaire, nous vous encourageons à nous faire part de vos observations. Vos commentaires contribueront à l’évolution future de ce composant.

Communiquez avec nous à l’adresse suivante : design.system@ontario.ca