Comparaison comportementale
Champ à suggestions vs Liste de choix visible
Choisir Champ à suggestions pour : Choisir dans une longue liste qui gagne à être filtrée. Choisir Liste de choix visible pour : Un petit ensemble doit rester visible pour comparaison.
| Dimension | Champ à suggestionsCombobox | Liste de choix visibleListbox |
|---|---|---|
| Déclenchement | Le focus, la saisie ou un bouton facultatif ouvre les suggestions correspondantes. | Le focus ou le pointeur atteint une liste d’options déjà visible. |
| Modalité | Champ modifiable non modal associé à une surface de suggestions. | Widget de sélection non modal intégré au formulaire ou à la tâche en cours. |
| Positionnement | La liste de suggestions est ancrée au champ et maintenue visible dans la fenêtre. | Une liste visible dans le flux, pas un sélecteur fermé avec surface surgissante. |
| Interactivité | Combine saisie de texte, navigation clavier et sélection d’une valeur suggérée. | Permet une sélection simple ou multiple avec déplacement clavier géré ; les options ne sont pas des actions. |
| Focus | Le focus DOM reste dans le champ tandis que la relation d'option active communique la navigation dans la liste. | La listbox est un seul arrêt de tabulation ; l'option active et l'option sélectionnée restent distinctes par programme. |
| Fermeture | Échap ferme la liste sans effacer la requête ; la sélection ou un appui extérieur sûr la ferme aussi. | La liste toujours visible ne se ferme pas ; la quitter avec Tab conserve la sélection validée. |
| Rôle accessible | combobox controlling a listbox | listbox with option children |
| Cas d’usage | Choisir dans une longue liste qui gagne à être filtrée | Un petit ensemble doit rester visible pour comparaison |
| Comportement mobile | Garder les suggestions visibles au-dessus du clavier logiciel ; utiliser une recherche plus grande pour les jeux très volumineux. | Utiliser de grandes lignes et un défilement maîtrisé ; préférer un select natif pour une courte liste simple. |