Remplissage automatique des formulaires

Une page inhabituelle pour un moteur de recherche : comment faire en sorte que le remplissage automatique du navigateur fonctionne sur vos formulaires. Yandex l’inclut car il a mesuré le résultat — la conversion des commandes est 5 à 10 % plus élevée sur les sites où le remplissage automatique fonctionne correctement.

Le diagnostic qui fait gagner du temps

Yandex l’indique clairement : si le remplissage automatique ne fonctionne pas dans Yandex Browser, il ne fonctionnera probablement pas non plus dans d’autres navigateurs. Les heuristiques de reconnaissance sont globalement similaires, donc un navigateur est un indicateur raisonnable pour tous.

Les règles de balisage

• Le formulaire doit respecter les normes HTML.
• Les entrées ont besoin d’un autocomplete attribut avec une valeur valide — given-name, email et ainsi de suite.
• Les entrées doivent être enfants d’un form élément.
• Les attributs doivent être intuitifs : first_name, fname, given_name pour un prénom ; phone, tel, telephone pour un numéro ; org, company pour une organisation.
• label for= doit pointer sans ambiguïté vers son entrée.

Le contre-exemple de Yandex est instructif : id="xdia_13" est méconnaissable ; name="mail address" est ambigu entre adresse e-mail et adresse postale ; une zone de texte avec l’espace réservé “Address” pourrait être un e-mail, une adresse de livraison ou un site Web.

Soumission de formulaire, la moitié subtile

Le navigateur n’enregistre les données saisies que s’il peut dire que le formulaire a été soumis. Le signal fiable est un form élément contenant un input type="submit". Sans eux, le navigateur se rabat sur des heuristiques — surveillant la navigation, les requêtes AJAX, les iframes supprimés, les champs cachés — ce que Yandex admet déclencher parfois faussement et enregistrer des données incorrectes. A div stylisé comme un bouton et câblé en JavaScript est le modèle qui casse cela.

Le désactiver

Toute valeur autocomplete invalide désactive le remplissage automatique — none, nope, tout ce qui est arbitraire. Yandex ne garantit pas que cela fonctionne partout et demande aux sites dont le remplissage automatique est défectueux de contacter son équipe de navigateur plutôt que de le désactiver.