Aller au contenu principal

Générateur d'Attributs Autocomplete

Aidez vos utilisateurs à remplir vos formulaires plus vite (et sans erreurs) en choisissant le bon attribut autocomplete.

Catégories

Champs disponibles

Code HTML
<label for="field">
    Nom complet
</label>
<input 
    type="text" 
    id="field" 
    name="field" 
    autocomplete="name" 
/>

Pourquoi l'autocomplétion est vitale ?

Le critère WCAG 1.3.5 (Identification de la finalité de la saisie) exige que les champs collectant des données personnelles (nom, email, adresse...) soient identifiables par le navigateur.

Cela permet aux navigateurs et aux gestionnaires de mots de passe de pré-remplir le formulaire automatiquement.

C'est une aide précieuse pour les personnes ayant des troubles de la mémoire, de la motricité fine, ou simplement pour tout le monde sur mobile !

Les erreurs courantes à éviter

  • autocomplete="off" : À éviter absolument, sauf cas très spécifiques (données sensibles uniques). Cela bloque l'aide à la saisie.
  • Mauvaise valeur : Utiliser name pour un prénom (au lieu de given-name) peut tromper le navigateur qui remplira le nom complet.
  • Oubli sur les mots de passe : Les champs mot de passe doivent avoir new-password (inscription) ou current-password (connexion).