web-dev-qa-db-fra.com

Formulaires: utiliser un indice de saisie visible à côté du champ ou un indice caché derrière l'icône d'informations?

Dans le cas où une étiquette ne fournit pas suffisamment d'informations pour un champ de saisie et qu'un conseil supplémentaire est utile, quand le conseil devrait-il être disponible à côté (ou en dessous) du champ de saisie et quand devrait-il être caché derrière une icône d'information?

enter image description here

J'ai pensé à quatre critères: - dans le cas où le conseil dépasse 100 mots, utilisez l'icône d'information - dans le cas où le conseil comprend un lien vers d'autres informations, utilisez l'icône d'information - dans le cas où le conseil se rapporte à une action peu fréquente et n'est pas intuitif ( par exemple taille de téléchargement maximale), affichez le texte directement - Dans le cas où l'indice ne concerne que les utilisateurs novices, utilisez l'icône d'information

Ces critères sont-ils corrects et quels sont les critères manquants?

Merci d'avance!

3
Avadeha

N'utilisez pas les info-bulles pour donner des informations utiles sur la façon de remplir le formulaire. Les info-bulles devraient vraiment être réservées pour expliquer ce qu'est un champ (c'est-à-dire `` que signifie ce mot '').

Un bon ensemble de directives de conception pour les formulaires est le GOV.UK GDS , car il a été testé pour son utilisation et est à peu près aussi accessible qu'un ensemble de normes de conception peut l'être.

Leur recommandation est

Texte de conseil

  • n'utilisez pas de texte d'espace réservé dans les champs de formulaire, car cela disparaîtra une fois le contenu entré dans le champ de formulaire
  • utilisez un texte de conseil pour soutenir l'aide contextuelle, cela sera toujours affiché
  • le texte de l'indice doit être placé au-dessus d'un champ de formulaire
  • s'assurer que le texte des conseils peut être lu correctement par les lecteurs d'écran

enter image description here

3
JonW