Formulaire d'inscription à la newsletter

Le visiteur saisit son adresse et coche une case de consentement non pré-cochée, accompagnée d'une mention sur l'usage de l'adresse, la désinscription et un lien vers la politique de confidentialité, comme le demande le RGPD. L'adresse est vérifiée à la sortie du champ, jamais pendant la frappe ; une faute courante sur le domaine (gmial.com, hotmail.fe…) déclenche une proposition de correction en un clic. À l'envoi, chaque erreur s'affiche sous son champ et le focus va au premier champ à corriger ; une fois le formulaire valide, un message invite à confirmer l'inscription (double opt-in). Accessibilité : tout se fait au clavier, chaque message est relié à son champ par aria-describedby et aria-invalid, la suggestion est annoncée par une région live, le focus passe sur la confirmation, les contrastes dépassent 4,5:1 en clair comme en sombre et l'animation se coupe avec prefers-reduced-motion. Branchez l'envoi sur votre service d'e-mailing : événement nwl:subscribe en HTML, prop onSubscribe en React.