[Frontend] Login - Autofill natif + navigation clavier (Tab/Entree) #98

Open
opened 2026-02-24 22:24:11 +00:00 by jmartin · 0 comments
Owner

Contexte

La connexion actuelle oblige souvent l'utilisateur a ressaisir email/mot de passe et n'offre pas un comportement clavier complet.

Objectif

Ameliorer l'experience de connexion sur web et mobile en utilisant l'autofill natif (navigateur/OS), en rendant le bouton Se connecter focusable avec Tab, et en soumettant le formulaire avec Entree depuis le champ mot de passe.

Perimetre

  • Frontend Flutter
  • Cible: Web + Mobile
  • Autofill natif uniquement (pas de stockage custom du mot de passe)

Travail attendu

  • Encapsuler le formulaire dans un AutofillGroup
  • Ajouter les autofillHints email/mot de passe
  • Supporter textInputAction et onFieldSubmitted sur les champs login
  • Declencher la connexion sur Entree depuis le champ mot de passe
  • Rendre ImageButton activable/focusable au clavier (Tab + Enter/Space)

Criteres d'acceptation

  • Ordre Tab: Email -> Mot de passe -> bouton Se connecter
  • Entree sur le champ mot de passe declenche la connexion
  • Autofill propose par navigateur/OS sur web/mobile
  • Aucune regression visuelle du bouton ou du formulaire

Hors perimetre

  • Implementation d'un stockage local custom du mot de passe
## Contexte La connexion actuelle oblige souvent l'utilisateur a ressaisir email/mot de passe et n'offre pas un comportement clavier complet. ## Objectif Ameliorer l'experience de connexion sur web et mobile en utilisant l'autofill natif (navigateur/OS), en rendant le bouton *Se connecter* focusable avec Tab, et en soumettant le formulaire avec Entree depuis le champ mot de passe. ## Perimetre - Frontend Flutter - Cible: Web + Mobile - Autofill natif uniquement (pas de stockage custom du mot de passe) ## Travail attendu - Encapsuler le formulaire dans un `AutofillGroup` - Ajouter les `autofillHints` email/mot de passe - Supporter `textInputAction` et `onFieldSubmitted` sur les champs login - Declencher la connexion sur Entree depuis le champ mot de passe - Rendre `ImageButton` activable/focusable au clavier (Tab + Enter/Space) ## Criteres d'acceptation - Ordre Tab: Email -> Mot de passe -> bouton Se connecter - Entree sur le champ mot de passe declenche la connexion - Autofill propose par navigateur/OS sur web/mobile - Aucune regression visuelle du bouton ou du formulaire ## Hors perimetre - Implementation d'un stockage local custom du mot de passe
jmartin added the
frontend
p3
auth
ux
labels 2026-02-24 22:24:11 +00:00
jmartin changed title from [Frontend] Login - Autofill natif + navigation clavier (Tab/Entr�e) to [Frontend] Login - Autofill natif + navigation clavier (Tab/Entree) 2026-02-24 22:28:13 +00:00
Sign in to join this conversation.
No description provided.