Validation et récapitulatif d’erreurs Le récapitulatif des erreurs qui apparait à la suite de la validation d’un formulaire permet de voir d’un coup d’œil le sommaire des obstacles qui empêchent de remplir le formulaire et donne les instructions permettant d’y remédier. Description Lors de la validation d’un formulaire, si un champ obligatoire n’a pas été rempli ou si une valeur ne correspond pas aux critères requis pour la validation d’un champ, un récapitulatif des erreurs s’affiche en haut de la page, idéalement tout de suite en-dessous du Titre 1 (voir la page Éléments structurants). Cet encadré rouge est constitué d’un titre qui informe du nombre d’éléments comportant une erreur, et d’un ou de plusieurs liens à ancres menant vers l’étiquette du champ ou vers la légende du fieldset en erreur. Lorsqu’il a erreur, elle est mentionnée à 2 endroits : dans le récapitulatif d’erreurs et à proximité du champ ou du fieldset en erreur. Le récapitulatif et les messages d’erreurs ne disparaissent que lors de la prochaine validation, au clic sur le bouton permettant de soumettre à nouveau le formulaire. Le récapitulatif d’erreurs et les messages d’erreurs s’affichent en laissant vides les champs ci-dessous et en soumettant le formulaire. Légende du fieldset 1 À moins d’une indication contraire, vous devez remplir tous les champs. Étiquette 1 Étiquette 2 Légende du mini fieldset 2 Texte d’aide à la saisie Étiquette 3 Étiquette 4 (facultatif) Mini fieldset - Numéro de téléphone Indiquez un numéro pour vous joindre la semaine entre 8 h 30 et 16 h 30. Numéro Poste (facultatif) Leave this field blank Quand omettre le récapitulatif d’erreurs Le récapitulatif d’erreurs peut être omis si le formulaire se trouve dans une fenêtre modale ou si un formulaire très court ne comporte qu’un seul champ et n’est constitué que d’une seule page. Cependant, une navigation assistée qui ne comporte qu’une question par page, mais qui comporte plusieurs pages, doit faire usage du récapitulatif d’erreurs. Pour en savoir plus, consultez le document d’information sur les orientations prises concernant le traitement des récapitulatifs de messages d’erreurs. Accessibilité Lorsque des erreurs sont détectées dans un formulaire et que des messages d’erreur apparaissent, voici les éléments à considérer : Erreur unitaire Le message d’erreur doit être à proximité du champLe message d’erreur doit décrire l’erreur le plus précisément possible et apporter des suggestions de corrections si possibleLe message d’erreur doit être lié au champ par l’attribut aria-describedbyLe champ en erreur doit posséder l’attribut aria-invalid="true"Si l’erreur est reliée au groupe de champs et non à un champ seul, le message d’erreur doit être lié au <fieldset> par un attribut aria-describedby. Il faut également ajouter l’attribut aria-invalid="true" sur la balise <fieldset>. Récapitulatif d’erreurs Le récapitulatif possède une liste d'erreurs balisées avec les balises <ul> et <li>Le récapitulatif possède des ancres qui mènent vers les champs en erreur. Ces ancres se retrouvent dans les balises <li> de la liste.Le récapitulatif possède l’attribut role="alert"Le titre « n erreurs ont été trouvées » doit être un titre de niveau n selon l’ordre hiérarchique de la page
