Gestion d'erreurs
La gestion d'erreurs sert à prévenir et corriger les erreurs contenues dans un formulaire.
Quand l’utiliser
La gestion d’erreurs doit systématiquement être appliquée dans un formulaire. On définit un formulaire par toutes interfaces qui contiennent des éléments de saisie, de sélection et/ou de contrôle actionnés par un utilisateur. Par exemple, une page de connexion, un formulaire d’inscription, un panneau de filtres, etc.
La gestion des erreurs s’effectue en amont et en aval de la validation d’un élément ou du formulaire en entier. La gestion en amont permet d’éviter les erreurs potentielles en mettant de l’avant des stratégies de prévention tandis que la gestion en aval aide l’utilisateur à identifier et à corriger les éléments de formulaire erronés. La gestion des erreurs doit être appliquée en entier et non en partie.
Comment l’utiliser
La stratégie de gestion des erreurs se compose d’orientations et de composants.
Prévention des erreurs
Avant même que l’utilisateur remplisse un formulaire, il faut l’informer des requis. La prévention des erreurs repose sur cinq orientations clés pour augmenter la compréhension des éléments de formulaire et éviter les erreurs potentielles.
Rédiger un titre et une description clairs du formulaire
Un titre explicite, clair et succinct renseigne sur la nature du formulaire. Par exemple, il est préférable d’inscrire « Plainte pour insalubrité ou intoxication alimentaire » plutôt que « Plainte » seulement. Si nécessaire, une description sous le titre peut servir de complément informationnel mentionnant l’objectif du formulaire et pourquoi la personne doit (ou ne doit pas) le remplir.
Indiquer les champs obligatoires
Le repérage des champs obligatoires évite d'oublier la saisie ou la sélection d’un élément de formulaire. Toutes les orientations peuvent être consultées dans la fiche Indicateur de champ obligatoire.
Exemple
Rédiger des libellés clairs et succincts
Chaque champ doit être accompagné d’un libellé. Ce dernier doit être rédigé dans un langage clair et doit fournir suffisamment d’informations pour être compris. On évite donc les libellés trop génériques tels que « Numéro » ou « Date » lorsqu’il s’agit de « Numéro d’appartement » ou d’une « Date de naissance ». Il est toutefois recommandé de ne pas inscrire de libellé trop long ou jargonneux tel que « Adresse postale à laquelle vous désirez recevoir votre facture » lorsque « Adresse de facturation » suffit.
Utiliser les précisions et espaces réservés lorsque nécessaire
Lorsque nécessaire, et pour éviter la rédaction d’un libellé trop long, une précision peut être apportée en complément au libellé. Par exemple, la précision « Espèce, couleur ou signe distinctif » pourrait être ajoutée à un champ dont le libellé est « Description de l’animal ».
Exemple
Un espace réservé est un texte renseignant sur la façon dont un champ textuel doit être rempli. Il s’utilise principalement lorsque le format est particulier comme une date, une dimension, etc.
Exemple
Toutes les orientations peuvent être consultées dans les sections Précision et Espace réservé de la fiche Champ texte.
Adapter la largeur des champs selon le contexte
La largeur d’un élément de saisie oriente l’utilisateur sur la quantité d’information attendue. La largeur d’un champ pour saisir l’âge, par exemple, est moins large que celle d’un champ pour saisir l’adresse courriel. Toutes les orientations peuvent être consultées dans la fiche Champ texte.
Correction des erreurs
La prévention des erreurs n’est pas sans failles et certaines peuvent quand même survenir. Il est essentiel de prévoir une rétroaction sur la validité des éléments de formulaire.
Notifier l’utilisateur des champs en erreur
Lorsqu'un élément de formulaire est erroné parce qu’il n’a pas été complété ou parce qu’il n’a été saisi correctement, il faut notifier l’utilisateur. L’élément en erreur est identifié visuellement et textuellement. Un message sous le champ indique l’erreur en question. Toutes les orientations peuvent être consultées dans la fiche Message d’erreur.
Exemple
Ajouter un avis d’erreur (optionnel)
Un avis d'erreur résume l’ensemble des erreurs contenues dans le formulaire sous la forme d’une liste cliquable. L’avis peut s’utiliser en complément au message d’erreur. Sa présence augmente la visibilité et le repérage des erreurs, mais il n’est pas obligatoire. Toutes les orientations peuvent être consultées dans la fiche Avis.
Exemple
Validation intégrée et validation à l’envoi
La validation d’un élément de formulaire doit, idéalement, se faire dès que celui-ci est hors focus, c’est-à-dire dès que l’utilisateur a terminé la saisie et a cliqué à l’extérieur de l’élément. La validation intégrée est un moyen de signaler rapidement les erreurs avant même qu’un formulaire soit soumis. Il est important de ne pas valider un élément de formulaire pendant que l’utilisateur est en train de le saisir. Dans ce cas de validation, les erreurs sont uniquement signalées à l’aide d’un message d’erreur.
La validation peut également se produire à l’envoi du formulaire. Toutefois, cette pratique peut amener une charge mentale supplémentaire à l’utilisateur puisqu’il aura à gérer toutes les erreurs en même temps plutôt qu’une à la fois. Il faut donc s’assurer de rendre la correction des erreurs le plus simple et compréhensible possible. Dans ce cas de validation, les erreurs sont signalées à l’aide d’un message d’erreur et d’un avis d’erreur.
Contribuer à améliorer le système de design
Pour nous assurer que cette page est utile et à jour, vous pouvez remplir le formulaire de demandes destinées à l’équipe Design de la Direction des communications numériques gouvernementales. Vous pouvez utiliser ce formulaire pour :
- nous transmettre des questions ou commentaires sur le système de design ;
- être ajouté à la liste d'envoi du système de design ;
- faire une demande de trousse, d'information pour un nouveau projet, etc. ;
- rapporter un bogue dans le site Web ou dans la trousse de développement.
Dernière mise à jour : 5 juin 2024