Cette création n’est pas disponible

Elle a peut-être été retirée par son auteur ou masquée par la modération.

Retour à Explorer

Formulaire d’inscription accessible pour un club sportif

Hugo GirardArtisan · Publié le 31 octobre 2026
Itération Application web
Formulaire d’inscription Image générée avec l’IA

Le chemin parcouru

« Un formulaire utilisable au clavier, avec des erreurs claires pour les lecteurs d’écran. »

Hugo Girard

Le prompt

Crée le formulaire d’inscription d’un club de basket : nom, prénom, date de naissance, téléphone d’un parent, catégorie et certificat médical.

Les moments clés

Correction · Échange 2

Corriger la demande

Les erreurs n’étaient signalées que par la couleur rouge.

Vérification · Échange 4

Vérifier le résultat avant de continuer

Le parcours a été testé avec un lecteur d’écran.

Les échanges

Générer le formulaire1 / 4

Demande

Crée le formulaire d’inscription d’un club de basket : nom, prénom, date de naissance, téléphone d’un parent, catégorie et certificat médical.

Résultat et choix retenu

Voici le formulaire, avec une validation à l’envoi. Les champs en erreur sont entourés de rouge.

Signaler les erreurs autrement que par la couleur2 / 4

Demande

Chaque champ doit avoir un libellé visible et un message d’erreur relié par aria-describedby. Après l’envoi, place le focus sur le premier champ en erreur.

Résultat et choix retenu

Chaque champ a maintenant un libellé visible et un message d’erreur sous le champ, relié par aria-describedby. Après l’envoi, le focus va au premier champ en erreur.

Résumer les erreurs3 / 4

Demande

Ajoute en haut du formulaire un résumé des erreurs, annoncé par les lecteurs d’écran, avec un lien vers chaque champ concerné.

Résultat et choix retenu

Un résumé des erreurs apparaît en haut du formulaire, dans une zone annoncée par les lecteurs d’écran, avec un lien vers chaque champ.

Préparer les tests4 / 4

Demande

Liste les vérifications à faire au clavier seul, puis avec le lecteur d’écran NVDA, avant la mise en ligne du formulaire.

Résultat et choix retenu

Voici dix vérifications : ordre de tabulation, libellés lus, erreurs annoncées, focus après l’envoi, résumé des erreurs et confirmation finale.

Reproductions de la communauté

9 reproductions · 78 % de succès · Dernier essai le 2 nov. 2026

Fatoumata Coulibaly◐ Résultat partiel
v0

La structure est la bonne ; quelques détails diffèrent et demandent une seconde passe.

Aïssatou Ndiaye◐ Résultat partiel
v0

Résultat proche, mais moins précis : j’ai dû ajouter une consigne pour retrouver l’effet décrit.

2 retours détaillés sur les 9 essais déclarés.

Comparer les modèles testés
Réussites déclarées par configuration
Outil et modèleEssaisRéussisSuccès
v06467 %
Claude · Sonnet 4.522100 %
ChatGPT · GPT-511100 %

Commentaires

Aucun commentaire pour le moment. Posez une question ou partagez votre retour.

Créez un compte ou connectez-vous pour commenter.

Retour au guide « Site vitrine et formulaires »
Formulaire d’inscription avec un message d’erreur sous le champ e-mail

Partager mon essai

Votre résultat

Signaler un contenu