Identifier la finalité des champs

Ce que ce critère demande

Pour chacun des 53 champs d’information utilisateur spécifiques répertoriés dans WCAG (nom, e-mail, téléphone, adresse, numéro de carte, date de naissance, pays, etc.), la saisie doit inclure le jeton autocomplete correspondant. L’objectif n’est pas la commodité de la saisie automatique du navigateur — c’est que les outils d’assistance (claviers à symboles, applications de communication améliorée et alternative, couches de support cognitif) peuvent remplacer les étiquettes de formulaire par des icônes, des traductions ou des saisies alternatives uniquement lorsque la finalité du champ est lisible par la machine.

Comment satisfaire ce critère

• Ajouter autocomplete="email" aux champs e-mail, autocomplete="given-name" au prénom, autocomplete="family-name" au nom de famille.
• Utiliser autocomplete="tel" pour le téléphone, autocomplete="street-address", autocomplete="postal-code", autocomplete="country".
• Pour les formulaires de paiement, utiliser autocomplete="cc-name", cc-number, cc-exp, cc-csc.
• Se référer à la liste complète dans la spécification HTML — ces jetons sont normatifs.
• Combiner avec <input type="email">, type="tel", type="url"> pour les claviers adaptés sur écran tactile.
• Pour les champs non personnels (une zone de recherche, une note personnalisée), aucun jeton autocomplete n’est requis — le critère couvre uniquement les 53 types d’informations personnelles.

Échecs courants

• autocomplete="off" sur l’ensemble du formulaire de connexion « pour des raisons de sécurité » — empêche activement la conformité et casse les gestionnaires de mots de passe.
• Champ e-mail sans jeton autocomplete, de sorte que les utilisateurs de claviers à symboles ne peuvent pas bénéficier d’une saisie personnalisée.
• Champs d’adresse libellés « Adresse ligne 1 » mais sans autocomplete="address-line1".
• Champs de carte bancaire avec saisie automatique JavaScript personnalisée au lieu du jeton natif.
• Formulaire d’inscription avec un champ name collectant le nom complet mais sans autocomplete="name".

Pourquoi c’est important

Ce critère est souvent manqué car l’échec n’est pas visible — le formulaire fonctionne pour les utilisateurs habituels, mais les utilisateurs de saisie adaptative obtiennent une expérience générique. Ajouter des jetons autocomplete représente une tâche de 30 minutes sur la plupart des formulaires d’inscription et améliore simultanément l’expérience des utilisateurs ordinaires (la saisie automatique du navigateur fonctionne mieux).