RGAA 11.13 — La finalité d'un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l'utilisateur ?

Autocomplete absent sur les champs

Le problème

L'absence d'attribut `autocomplete` sur les champs de saisie qui collectent des informations personnelles empêche les navigateurs et les technologies d'assistance de proposer le remplissage automatique. Le critère RGAA 11.13 (correspondant au WCAG 1.3.5, niveau AA) exige que la finalité de chaque champ collectant des informations sur l'utilisateur puisse être déterminée programmatiquement via l'attribut HTML `autocomplete`.

L'attribut `autocomplete` indique au navigateur la nature de l'information attendue : nom, prénom, email, adresse, téléphone, numéro de carte bancaire, etc. Cela permet le remplissage automatique, mais aussi l'affichage d'icônes contextuelles par les technologies d'assistance et l'adaptation de l'interface (clavier numérique pour un numéro de téléphone sur mobile, par exemple).

Ce critère s'applique aux champs qui collectent des données personnelles récurrentes de l'utilisateur (pas aux champs de recherche ou aux formulaires métier spécifiques). La liste des valeurs d'autocomplete valides est définie par la spécification HTML et comprend environ 50 tokens couvrant l'identité, l'adresse, le paiement et les coordonnées.

Impact sur les utilisateurs

Pour les personnes ayant des troubles cognitifs ou de la mémoire, le remplissage automatique est essentiel. Saisir à chaque fois son nom, adresse et coordonnées constitue un effort cognitif et moteur important. L'autocomplete élimine ce fardeau en pré-remplissant les champs.

Les personnes ayant des handicaps moteurs qui utilisent des dispositifs de saisie alternatifs (commutateurs, pointeurs oculaires) bénéficient aussi considérablement du remplissage automatique, car chaque caractère saisi demande un effort significatif.

Les technologies d'assistance utilisent aussi l'attribut autocomplete pour afficher des icônes visuelles à côté des champs (une icône d'enveloppe pour un email, un téléphone pour un numéro), aidant les utilisateurs ayant des difficultés de lecture à identifier la finalité des champs. C'est un gain d'accessibilité et d'utilisabilité pour tous.

Votre site a-t-il ce problème ?

106 critères RGAA analysés en 5 minutes par notre IA.

Testez votre site gratuitement

Exemple de code

Avant (non conforme)

<!-- Formulaire sans autocomplete -->
<form>
  <label for="nom">Nom</label>
  <input type="text" id="nom" name="nom">

  <label for="email">Email</label>
  <input type="email" id="email" name="email">

  <label for="tel">Téléphone</label>
  <input type="tel" id="tel" name="tel">

  <label for="adresse">Adresse</label>
  <input type="text" id="adresse" name="adresse">
</form>

Après (conforme)

<!-- Formulaire avec autocomplete -->
<form>
  <label for="nom">Nom</label>
  <input type="text" id="nom" name="nom"
         autocomplete="name">

  <label for="email">Email</label>
  <input type="email" id="email" name="email"
         autocomplete="email">

  <label for="tel">Téléphone</label>
  <input type="tel" id="tel" name="tel"
         autocomplete="tel">

  <label for="adresse">Adresse</label>
  <input type="text" id="adresse" name="adresse"
         autocomplete="street-address">
</form>

Comment Scrutia détecte ce problème

Scrutia identifie chaque champ de formulaire qui collecte des données personnelles (nom, email, adresse, téléphone, etc.) et vérifie la présence d'un attribut autocomplete avec une valeur valide. Il utilise l'analyse du name, du type et du label du champ pour déterminer si l'autocomplete est applicable. Le rapport signale les champs manquants avec la valeur autocomplete recommandée.

Questions fréquentes

Quels champs nécessitent l'attribut autocomplete ?

Tous les champs qui collectent des informations personnelles récurrentes de l'utilisateur : nom, prénom, email, téléphone, adresse postale, ville, code postal, pays, date de naissance, numéro de carte bancaire, etc. Les champs de recherche, les filtres et les champs métier spécifiques ne sont pas concernés.

Quelles sont les valeurs autocomplete les plus courantes ?

name (nom complet), given-name (prénom), family-name (nom de famille), email, tel, street-address, postal-code, country, bday (date de naissance), organization, cc-number (numéro de carte). La liste complète est dans la spécification HTML.

L'autocomplete ne pose-t-il pas des problèmes de sécurité ?

L'autocomplete est géré par le navigateur et les données sont stockées localement. Pour les champs sensibles (mots de passe, numéros de carte), le navigateur demande une confirmation avant de pré-remplir. Désactiver l'autocomplete (autocomplete="off") nuit à l'accessibilité et est souvent ignoré par les navigateurs modernes.

Comment tester l'autocomplete ?

Remplissez vos informations personnelles dans les paramètres de remplissage automatique de votre navigateur, puis visitez votre formulaire. Si le navigateur ne propose pas de remplissage automatique, c'est que l'autocomplete est absent ou incorrect. Scrutia automatise cette vérification sur tous vos formulaires.

Votre site a-t-il ce problème ?

Scrutia audite votre site sur 106 critères RGAA en 5 minutes. Navigation clavier, composants ARIA, focus visible, contrastes, et bien plus.

Lancer un audit gratuit