Pages d'authentification : connexion, inscription, mot de passe oublié

On passe d'un écran à l'autre sans recharger la page, et l'adresse e-mail déjà saisie suit le visiteur. La connexion propose l'affichage du mot de passe, « Rester connecté » et un avertissement quand la touche Verr. Maj est activée. L'inscription affiche trois critères qui se cochent pendant la frappe et vérifie que la confirmation correspond. Le mot de passe oublié répond toujours de la même façon, que le compte existe ou non, pour ne pas révéler qui est inscrit. Les erreurs s'affichent sous chaque champ à l'envoi et le focus va au premier champ à corriger ; les champs portent les bons attributs autocomplete pour les gestionnaires de mots de passe. Accessibilité : tout se fait au clavier, chaque message est relié à son champ par aria-describedby et aria-invalid, le bouton d'affichage est un bouton bascule (aria-pressed), les critères et Verr. Maj sont annoncés par des régions live, le focus passe sur le titre de chaque nouvel écran, les contrastes dépassent 4,5:1 en clair comme en sombre et l'animation se coupe avec prefers-reduced-motion. Sans JavaScript, les trois formulaires restent utilisables avec la validation du navigateur. Branchez votre service d'authentification : événement atr:submit en HTML, prop onSubmit en React.