Instructions de formulaire

Silktide détecte les champs de formulaire qui pourraient nécessiter une explication, tels que les champs de texte libre, et vous demande de déterminer si chacun d’eux nécessite des instructions décrivant ce qu’il faut saisir. Les champs qui nécessitent des instructions doivent les avoir associées dans le code, et pas seulement placées à proximité.

Pourquoi est-ce important ?

Une étiquette seule ne suffit souvent pas. « Date » ne vous indique rien sur le format attendu, qui varie selon les pays ; « Référence » ne précise pas lequel de vos trois numéros de référence est demandé. Les visiteurs qui se trompent obtiennent un message d’erreur — ou pire, leur envoi est accepté avec de mauvaises données.

Associer l’instruction dans le code est tout aussi important que de la rédiger : une indication qui se trouve simplement à proximité visuelle du champ est invisible pour un utilisateur de ayant le focus sur le champ de saisie.

Comment corriger le problème

Pour chaque champ signalé, déterminez si un visiteur pourrait ne pas savoir quoi saisir. Si c’est le cas :

Ajoutez une description et associez-la au champ avec l’attribut aria-describedby :

<!-- L’indication est annoncée lorsque le champ reçoit le focus -->
<label for="date">Date</label>
<input type="text" id="date" aria-describedby="date-hint">
<p id="date-hint">Format : jour/mois/année, par ex. 28/07/2026</p>

Vous pouvez également utiliser un type de champ conçu à cet effet. <input type="date"> fournit aux visiteurs un sélecteur de date dans leur propre langue, sans qu’aucune explication ne soit nécessaire ; privilégiez cette solution lorsqu’un type approprié existe.

Si le champ est explicite — une zone « Rechercher » ou un champ « Message » dans un formulaire de contact — aucune instruction n’est nécessaire ; le résultat.

Comment Silktide effectue cette vérification

Trouvez les contrôles de formulaire pour lesquels des instructions pourraient être utiles : les éléments <textarea> et les champs <input> de type text, email, file, number, password ou range. Les boutons, les cases à cocher, les boutons radio et les listes déroulantes sont ignorés, car une étiquette suffit normalement pour ceux-ci.
Ignorez les champs qui ne sont pas visibles pour les utilisateurs voyants, ainsi que les champs injectés par des widgets tiers connus, tels que les formulaires masqués ajoutés par les scripts de suivi et de traduction pour leur propre utilisation.
Ignorez les champs qui ont déjà une description associée : un attribut aria-describedby pointant vers un texte réel et non vide, ou un attribut aria-description non vide.
Signalez chaque champ restant pour examen : une personne détermine s’il nécessite réellement des instructions.

Résolution des problèmes

Mon champ comporte une indication juste en dessous

La proximité visuelle n’est pas une association. À moins que l’indication ne soit associée au champ avec aria-describedby (ou aria-description), la ne l’annonce pas, et Silktide signale le champ. L’ajout de l’attribut résout les deux problèmes.