Concevoir une autocomplétion pour choisir une valeur

Définir ce qu’une saisie signifie

Décidez si le champ accepte un texte libre ou exige une entrée du catalogue. Expliquez cette règle près du libellé. Une chaîne saisie ne constitue pas automatiquement une sélection : pour un identifiant de commune, le formulaire doit connaître l’entrée choisie et pas seulement son nom affiché.

Préparez les homonymes avec un complément utile, par exemple le département, sans demander de données inutiles. Définissez le traitement des accents, des tirets et des noms alternatifs à partir du catalogue. Ne remplacez pas silencieusement la valeur par la première suggestion lorsque plusieurs réponses restent possibles.

Permettre de parcourir puis de confirmer

Le modèle de combobox W3C décrit un champ associé à une liste proposée, avec des interactions pour explorer, accepter ou quitter les suggestions. L’ouverture et le choix actif doivent être communiqués. Les commandes ordinaires d’édition du texte doivent rester utilisables.

Gardez la différence entre proposition mise en évidence et valeur confirmée. Lorsque la personne ferme la liste, elle doit comprendre ce qui sera envoyé. Testez le choix au clavier, la correction du texte après sélection et la sortie du champ sans avoir accepté une option.

Gérer le réseau et les données du catalogue

Une réponse lente à une ancienne saisie ne doit pas remplacer les suggestions d’une saisie plus récente. Prévoyez attente, absence de résultat et erreur de service comme trois états distincts. Offrez une autre manière de poursuivre si la suggestion est une commodité et non une condition indispensable.

Une entrée retirée entre sélection et envoi demande une validation côté serveur et une réponse exploitable. Conservez les autres champs pour permettre de choisir une nouvelle valeur. Si des résultats sont limités, expliquez qu’il faut préciser la recherche plutôt que d’annoncer une liste complète qui ne l’est pas.

Exemple : distinguer des communes homonymes

Exemple pédagogique : la saisie retourne deux communes du même nom dans des départements différents. Les suggestions affichent nom et département ; l’envoi utilise l’identifiant choisi. Le test sélectionne la seconde, corrige ensuite le texte et vérifie que l’ancien identifiant n’est pas conservé par erreur. Un autre essai bloque le réseau pour vérifier la possibilité de reprendre.