Quiz récap'

Quiz récap' sur les formulaires.

Dans un formulaire, l'élément fieldset sert à :

  1. Mettre une bordure autour des champs de formulaire.
  2. Regrouper des champs de même nature.

Réponse b - Regrouper des champs de même nature
fieldset ne doit pas servir à de la mise en forme.

En cas d'utilisation de l'élément fieldset, l'élément legend (servant à donner un intitulé) est facultatif :

  1. Vrai
  2. Faux

Réponse b - Faux
L'élément legend est obligatoire.
De plus, il doit impérativement être implémenté après la balise ouvrante <fieldset>.

Dans le cas où des champs de formulaire doivent obligatoirement être remplis, on le signalera de la manière suivante :

  1. Les champs sont écrits en rouge
  2. Les champs sont signalés par * implémenté en CSS
  3. Les champs sont signalés par un symbole ou une mention «obligatoire » implémenté en HTML

Réponse c - Les champs sont signalés par un symbole ou une mention «obligatoire » implémenté en HTML
Une information ne peut pas être uniquement véhiculée par la couleur. Il est possible de colorer les champs obligatoires mais il est indispensable de les signaler par du texte.
De plus, une phrase en début de formulaire indiquera le caractère obligatoire des champs ainsi signalés.

Le libellé d'un champ de formulaire peut être remplacé par l'attribut placeholder

  1. Vrai
  2. Faux

Réponse b - Faux
L'attribut placeholder qui permet de renseigner un texte indicatif par défaut dans un champ de formulaire ne peut en aucun cas remplacer l'élément label. En effet, l'attribut placeholder disparaît dès que l'utilisateur active le champ de formulaire ou commence à écrire dedans.

Pour associer un intitulé de champ à son champ, on écrira

  1. <label href="#nom">Nom</label><input type="text" name="nom" id="nom">
  2. <label for="nom">Nom</label><input type="text" name="nom" id="nom">
  3. <label aria-labelledby="nom">Nom</label><input type="text" name="nom" id="nom">

Réponse b - <label for="nom">Nom<input type="text" name="nom" id="nom">
L'attribut for de la balise label est obligatoire en HTML;
Sa valeur correspondra à l'attribut id du champ auquel il est associé.

Les aides à la saisie :

  1. sont inutiles car ce qui est attendu dans un champ est évident.
  2. permettent de connaître le format ou le type de saisie attendu et évite les erreurs de saisie.

Réponse b

À quoi sert l'attribut autocomplete ?

  1. À faciliter le remplissage des champs qui contiennent une information personnelle enregistrée au préalable par l’utilisateur.
  2. À suggérer des mots parmi des options d’une liste déroulante.

Réponse a

En cas d'erreur de saisie dans un formulaire, lorsque l'utilisateur soumet le formulaire :

  1. Les champs en erreur apparaîtront en rouge avec un message en début de formulaire pour signaler que des champs sont en erreur.
  2. Un message d’erreur global sera implémenté au début du formulaire, et pour chaque champ en erreur, un message y sera accolé expliquant comment corriger.
  3. Un message d’erreur global sera implémenté au début du formulaire, pour chaque champ en erreur, un message y sera accolé expliquant comment corriger, et le titre de la page sera modifié pour commencer par un mot du type “Erreur”

Réponse c
Il y a trois retours d'informations sur les erreurs rencontrés dans le formulaire à donner

  • le titre de la page doit comporter en premier le mot « Erreur » ;
  • un message général doit informer l'utilisateur qu'il existe des errreurs de remplissage
  • chaque champ en erreur doit être signalé et une inofrmation sur ce qui est attendu doit être fournie.

Les messages globaux d'erreur et de succès sont implémentés :

  1. avec le rôle <role="alertdialog">
  2. avec le rôle <role="alert">
  3. avec le rôle <role="alert"> pour tout message d’erreur, avec le rôle <role="status"> pour les messages de succès.

Réponse c
Pour une bonne lecture avec les logiciels de synthèse vocale, ces rôles seront implémentés vide dès le départ dans le code. Ils seront ensuite peuplés d'une information textuelle en cas de besoin.

Lors de la mise en place d'un formulaire à étapes multiples, le titre du document HTML sera modifié selon l'étape en cours.

  1. Vrai
  2. Faux

Réponse a - Vrai
Le titre du document HTML (élément title) reprendra à minima le numéro ou le nom de la page.

Exemples

  • <title>Étape 2 sur 3 - Votre identité - Créer un compte</title>
  • <title>Créer un compte (Étape 2 sur 3)</title>