Des formulaires web que les gens envoient vraiment
Les versions cassées
Chaque formulaire de cette page comporte des erreurs volontaires, pour que vous voyiez ce qu'elles provoquent. Chaque section explique le problème avant le début de son formulaire. Pour passer un formulaire, allez au titre suivant.
Cet exemple tourne dans votre navigateur. Rien de ce que vous tapez n'est envoyé.
Des placeholders au lieu de libellés
Ces trois champs n'ont pas de libellé. Les mots que vous voyez sont des placeholders, qui disparaissent dès que vous tapez. Un lecteur d'écran peut annoncer chaque champ seulement comme zone de saisie.
Un masque qui remplit le champ avant la saisie
Les caractères du masque sont écrits dans le champ lui-même, si bien que le formulaire croit qu'il contient déjà une réponse. Le libellé ne s'écarte jamais et reste posé sur le masque.
Des erreurs vagues, vérifiées à chaque touche
Ce formulaire se plaint pendant que vous tapez encore, signale les problèmes par une simple bordure rouge et n'affiche que Saisie invalide en haut du formulaire.
Un bouton sans nom qui perd votre travail
Le bouton d'envoi est une icône sans texte, donc un lecteur d'écran annonce seulement bouton. Une fois pressé, il ne montre rien pendant le traitement, et quand la connexion simulée échoue, le formulaire efface tout ce que vous avez tapé.
Un formulaire sombre qui n'a jamais prévenu le navigateur
Cette zone sombre ne déclare pas color-scheme et son menu n'a pas de libellé. Sur de nombreux systèmes, la flèche du menu est gris foncé sur presque noir, et un lecteur d'écran annonce seulement une liste déroulante.
Un formulaire en étapes qui oublie
Ce formulaire n'enregistre rien. Remplissez la première étape, rechargez la page, et vous repartez de zéro.