Attribut autocomplete HTML

<label for="adresse-electronique">Adresse électronique</label>
<input type="email" id="adresse-electronique" name="adresse-electronique" autocomplete="email">

Ce que demande le critère 11.13

Le test 11.13.1 du RGAA 4.1.2 vise chaque champ de formulaire « dont l’objet se rapporte à une information concernant l’utilisateur ». Sa méthodologie cite le nom, le prénom, le numéro de téléphone. Chacun de ces champs remplit trois conditions : il a un attribut autocomplete, sa valeur figure dans la liste du glossaire, et elle est pertinente pour l’information attendue.

Le critère reprend le critère de succès 1.3.5 des WCAG 2.1, de niveau AA. Le navigateur peut alors remplir le champ avec des données qu’il connaît déjà : la personne n’a plus à s’en souvenir ni à les taper, ce qui aide en cas de troubles cognitifs ou moteurs. Des outils d’assistance peuvent aussi afficher une icône selon la finalité du champ (Understanding 1.3.5). Que le navigateur remplisse vraiment le champ ne compte pas pour l’évaluation.

Comment se construit la valeur

La note technique du critère renvoie aux règles de la spécification HTML : un attribut ne contient qu’une seule valeur de la liste, comme name ou street-address, mais elle peut être précédée de précisions. La spécification HTML fixe leur ordre :

1. facultatif, un nom de section qui commence par section-, pour séparer deux groupes de champs, par exemple deux adresses de livraison ;
2. facultatif, shipping (livraison) ou billing (facturation) ;
3. facultatif, home, work, mobile, fax ou pager, seulement devant une valeur de téléphone (tel, tel-national…), email ou impp ;
4. la valeur de la liste ;
5. facultatif, webauthn, pour que le navigateur propose les clés d’accès enregistrées (sur un input ou un textarea).

La casse ne compte pas. « on » et « off » s’écrivent seuls : ils autorisent ou refusent le remplissage sans dire ce qu’attend le champ, ce qui ne suffit pas au critère pour un champ qui concerne l’utilisateur.

Les 53 valeurs de la liste du RGAA

Le glossaire du RGAA reprend la liste de la section 7 des WCAG 2.1, elle-même tirée des valeurs de la spécification HTML 5.2. Entre parenthèses, l’étiquette que propose l’outil.

Identité : name (nom complet), honorific-prefix (civilité), given-name (prénom), additional-name (autres prénoms), family-name (nom de famille), honorific-suffix (suffixe honorifique), nickname (pseudonyme), organization-title (fonction), organization (entreprise).

Compte et connexion : username (identifiant), new-password (nouveau mot de passe), current-password (mot de passe).

Adresse : street-address (adresse), address-line1 (adresse (ligne 1)), address-line2 (complément d’adresse), address-line3 (adresse (ligne 3)), address-level4 (niveau administratif 4), address-level3 (niveau administratif 3), address-level2 (ville), address-level1 (région, province ou état), country (pays), country-name (pays), postal-code (code postal).

Téléphone, courriel, messagerie : tel (téléphone), tel-country-code (indicatif du pays), tel-national (numéro sans l’indicatif du pays), tel-area-code (indicatif régional), tel-local (numéro local), tel-local-prefix (numéro local, première partie), tel-local-suffix (numéro local, seconde partie), tel-extension (poste), email (adresse électronique), impp (messagerie instantanée).

Paiement : cc-name (nom du titulaire de la carte), cc-given-name (prénom du titulaire de la carte), cc-additional-name (autres prénoms du titulaire de la carte), cc-family-name (nom de famille du titulaire de la carte), cc-number (numéro de carte), cc-exp (date d’expiration), cc-exp-month (mois d’expiration), cc-exp-year (année d’expiration), cc-csc (cryptogramme), cc-type (type de carte), transaction-currency (devise), transaction-amount (montant).

Date de naissance : bday (date de naissance), bday-day (jour de naissance), bday-month (mois de naissance), bday-year (année de naissance).

Autres informations : language (langue), sex (genre), url (site web), photo (adresse de votre photo).

La spécification HTML actuelle compte aussi one-time-code, pour un code de vérification à usage unique. Il est absent de la liste du RGAA : le critère 11.13 ne le demande pas, et l’outil le signale comme tel.

Le bon élément pour chaque valeur

La spécification HTML range chaque valeur dans un groupe de contrôles, qui dit quels éléments peuvent la porter. Un champ texte, un textarea et un select acceptent presque tout ; les autres types sont plus stricts. L’outil produit le champ qui convient et signale ces erreurs dans un code collé :

• street-address, l’adresse sur plusieurs lignes, ne va pas sur un input de type text : il lui faut un textarea ou un select ;
• input type="tel" ne prend que tel, le numéro complet ; tel-national, tel-extension et les autres morceaux du numéro vont dans un champ texte ;
• input type="email" prend email ou username, pas une autre valeur ;
• photo attend l’adresse web d’une image : un champ d’envoi de fichier ne prend pas d’attribut autocomplete, pas plus qu’une case à cocher, un bouton radio ou un bouton.

Ce que l’outil ne voit pas

• La pertinence : given-name sur un champ « Nom » est bien construit, mais faux. Relisez l’étiquette de chaque champ face à la valeur choisie.
• Les champs qui concernent l’utilisateur : l’outil signale ceux qui n’ont pas d’attribut, sans savoir s’ils en ont besoin. Un champ de recherche n’en a pas besoin ; un champ de prénom, si.
• La page affichée : un attribut ajouté ou retiré par un script après le chargement lui échappe. Copiez le code depuis l’inspecteur du navigateur plutôt que depuis la source.
• Le reste du formulaire : étiquettes, regroupements, messages d’erreur relèvent d’autres critères du thème 11. Pour une page entière, l’analyseur passe en revue chaque champ.

Sources

RGAA 4.1.2, critère 11.13 (finalité d’un champ de saisie) ; RGAA 4.1.2, glossaire : Liste des valeurs possibles pour l’attribut autocomplete ; WCAG 2.1, critère de succès 1.3.5 Identify Input Purpose, en anglais ; WCAG 2.1, section 7 Input Purposes for User Interface Components, en anglais ; Understanding Success Criterion 1.3.5 (W3C), en anglais ; HTML Living Standard (WHATWG), Autofill, en anglais .

Page mise à jour le 11 novembre 2026.