SkillCodexOuvrir les favoris et l’historique
Mesure d'audience
Avec ton accord, Google Analytics mesure l'usage du site pour nous aider à l'améliorer. Ton choix est mémorisé sur cet appareil et reste modifiable via « Cookies » en pied de page.
Comparaison comportementale
Choisir Liste d'options pour : Une ou plusieurs valeurs sont choisies dans un ensemble composite d'options nommé. Choisir Liste de sélection pour : Choisir une ou plusieurs valeurs connues dans une liste prédéfinie.
Décision
La personne choisit-elle une valeur native, filtre-t-elle en saisissant ou navigue-t-elle dans une liste ?
Choisis Liste d'options si Listbox est le widget d'options composite, autonome ou contextuel, à sélection simple ou multiple ; Select est un contrôle de formulaire natif, tandis que Combobox est le contrôle de valeur qui possède ou contrôle une surface associée.. Choisis Liste de sélection si Select est un contrôle de formulaire natif dont les valeurs viennent seulement d'options prédéfinies et dont le mode peut être simple ou multiple ; Combobox contrôle une surface associée et peut être modifiable ou sans saisie, tandis que Listbox est un widget d'options composite, autonome ou utilisé dans une surface contextuelle..
| Dimension | Liste d'optionsListbox | 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 | Le select natif affichant plusieurs lignes forme un seul arrêt de tabulation. Dans cet exemple à sélection simple, la sélection suit le focus clavier : états actif et sélectionné évoluent ensemble ; une listbox personnalisée doit déclarer son propre modèle. | Le contrôle natif délègue le focus et le parcours des options à la plateforme selon sa présentation simple ou multiple déclarée. |
| Fermeture | Dans cet exemple autonome, quitter avec Tab conserve la valeur sélectionnée ; lorsqu'une listbox est contextuelle, sa fermeture est coordonnée par le contrôle propriétaire. | Pour une sélection simple repliée, le sélecteur de la plateforme se ferme selon son comportement standard de validation ou d'annulation ; une présentation en liste n'implique pas de surface contextuelle à fermer. |
| Rôle accessible | listbox > option | select |
| Cas d’usage | Une ou plusieurs valeurs sont choisies dans un ensemble composite d'options nommé | Choisir une ou plusieurs valeurs connues dans une liste prédéfinie |
| 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. |
