[UX] Formulaires : labels, aides, erreurs — un seul comportement #66

Open
opened 2026-10-28 23:28:48 -04:00 by bruno · 0 comments
Owner

Constat (audit visuel, v0.41.0)

Les formulaires sont dispersés : capture d'issue, création de label, paramètres, connexion, profil — chacun avec ses propres espacements, ses propres messages d'aide et sa propre façon de signaler une erreur (texte rouge, bordure, ou rien). Certains champs n'ont pas de <label> visible (placeholder seul), ce qui pénalise l'accessibilité et la relecture. La page de connexion, en particulier, n'a pas bénéficié du travail de thème récent.

Travail attendu

  • Un système de champ unique : label visible, aide optionnelle sous le champ, message d'erreur lié au champ (aria-describedby), bordure rouge + icône en erreur, jamais la couleur seule.
  • Appliquer ce système à la capture, aux formulaires d'administration et à la connexion, avec les mêmes espacements et la même hauteur de champ.
  • Vérifier le contraste des messages d'aide et d'erreur dans les deux thèmes.

Critère de validation

Vérifié par le build de l'utilisateur : un formulaire invalide indique clairement quel champ, pourquoi, et comment corriger, au clavier comme à la souris.

Hors portée

Les règles de validation métier (ce qui est accepté) ne changent pas.

## Constat (audit visuel, v0.41.0) Les formulaires sont dispersés : capture d'issue, création de label, paramètres, connexion, profil — chacun avec ses propres espacements, ses propres messages d'aide et sa propre façon de signaler une erreur (texte rouge, bordure, ou rien). Certains champs n'ont pas de `<label>` visible (placeholder seul), ce qui pénalise l'accessibilité et la relecture. La page de connexion, en particulier, n'a pas bénéficié du travail de thème récent. ## Travail attendu - Un système de champ unique : label visible, aide optionnelle sous le champ, message d'erreur lié au champ (`aria-describedby`), bordure rouge + icône en erreur, jamais la couleur seule. - Appliquer ce système à la capture, aux formulaires d'administration et à la connexion, avec les mêmes espacements et la même hauteur de champ. - Vérifier le contraste des messages d'aide et d'erreur dans les deux thèmes. ## Critère de validation Vérifié par le build de l'utilisateur : un formulaire invalide indique clairement quel champ, pourquoi, et comment corriger, au clavier comme à la souris. ## Hors portée Les règles de validation métier (ce qui est accepté) ne changent pas.
bruno added the kanban:todo label 2026-10-28 23:28:48 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Projets/kanbante#66