Zone de texte
<gcds-textarea>

Autres noms : saisie de texte, zone d'entrée.

Une zone de texte est un espace permettant de saisir une réponse détaillée à une question ou à une directive.

• GitHub
• Figma

Structure d'une zone de texte

1. L'étiquette indique les renseignements que l'utilisateur doit saisir dans le champ.
2. Le texte explicatif précise les exigences spécifiques pour chaque zone de texte afin de favoriser la réussite de la tâche.
3. Le champ est la boîte avec laquelle l'utilisateur·rice interagit pour fournir sa réponse.

Conception et accessibilité des zones de texte

Rédigez une étiquette court, précis et unique

• Demandez les renseignements requis avec le plus de concision possible. La forme interrogative peut rendre une étiquette inutilement longue et l'utilisateur·rice pourrait ne pas la lire en entier.
• Choisissez des étiquettes uniques pour chaque champ de saisie et zone de texte dans une page. Une personne parcourant les champs entendra le texte de l'étiquette en succession rapide et n'aura pas d'indication pour associer l'etiquette avec chaque contexte.
• Évitez d'employer un jargon technique, comme « adresse électronique du sujet » ou « ID du compte ». Soyez plutôt précis·e et employez un ton personnel, comme « nom complet » et « âge de l'enfant ».
• Évitez d'utiliser des expressions familières et des verbes courants qui ne sont pas connus des personnes ne parlant pas couramment l'anglais ou le français.
• Expliquez tout terme qui pourrait porter à confusion. Par exemple, « Biographie (Dites nous quelques mots à propos de vous-même) ».

Favorisez la réussite de la tâche en ajoutant du texte explicatif

• Ajoutez du texte explicatif pour aider l'utilisateur·rice à fournir une valeur valide dans la zone de texte.
• Rédigez un texte explicatif qui est instructif, court et précis.

Écrire des messages d'erreur pour les zones de texte requises

• Utilisez les messages d'erreur pour traiter les saisies manquantes ou non valides.
• Rédigez un message d'erreur pour tout zone de texte obligatoire. Si un champ est facultatif, évitez de lui associer un message d'erreur.
• Évitez de critiquer la personne qui utilise le produit. Dites-lui plutôt exactement ce qu'elle doit faire pour progresser.