Comparaison comportementale
Liste de choix visible vs Liste de sélection
Choisir Liste de choix visible pour : Un petit ensemble doit rester visible pour comparaison. Choisir Liste de sélection pour : Choisir une valeur connue dans une liste courte ou moyenne.
| Dimension | Liste de choix visibleListbox | Liste de sélectionSelect |
|---|---|---|
| Déclenchement | Le focus ou le pointeur atteint une liste d’options déjà visible. | L’appui sur le contrôle natif libellé ouvre le sélecteur de la plateforme. |
| Modalité | Widget de sélection non modal intégré au formulaire ou à la tâche en cours. | Un choix de formulaire non modal dont la surface est gérée par le navigateur ou le système. |
| Positionnement | Une liste visible dans le flux, pas un sélecteur fermé avec surface surgissante. | Un contrôle dans le formulaire ; la surface d’options ouverte est placée par la plateforme. |
| Interactivité | Permet une sélection simple ou multiple avec déplacement clavier géré ; les options ne sont pas des actions. | Sélectionne une valeur parmi des options ; ne contient ni actions arbitraires ni contenu filtrable. |
| Focus | La listbox est un seul arrêt de tabulation ; l'option active et l'option sélectionnée restent distinctes par programme. | Le contrôle natif conserve un seul arrêt de focus et délègue le parcours des options à la plateforme. |
| Fermeture | La liste toujours visible ne se ferme pas ; la quitter avec Tab conserve la sélection validée. | Le sélecteur de la plateforme se ferme après sélection, annulation ou Échap, sans perdre la valeur précédente lors d'une annulation. |
| Rôle accessible | listbox with option children | native select |
| Cas d’usage | Un petit ensemble doit rester visible pour comparaison | Choisir une valeur connue dans une liste courte ou moyenne |
| Comportement mobile | Utiliser de grandes lignes et un défilement maîtrisé ; préférer un select natif pour une courte liste simple. | Préférer le sélecteur mobile natif sauf si le produit exige réellement un filtrage plus riche. |