SkillCodexOuvrir les favoris et l’historique
Comparaison comportementale
La Combobox est le contrôle de valeur qui possède une surface associée et peut accepter la saisie ; la Liste d’options est le widget d’options lui-même, autonome ou à l’intérieur de cette surface.
Décision
La personne choisit-elle une valeur native, filtre-t-elle en saisissant ou navigue-t-elle dans une liste ?
| Dimension | ComboboxCombobox | Liste d'optionsListbox |
|---|---|---|
| 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 | Dans cet exemple modifiable avec popup listbox, le focus DOM reste dans le champ tandis que la relation d'option active communique la navigation ; les autres rôles de surface suivent leur propre modèle de 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. |
| Fermeture | Échap ferme une surface ouverte sans valider de nouvelle valeur ; la conservation du texte et les autres actions de fermeture dépendent de la variante de combobox. | 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. |
| Rôle accessible | combobox + popup (listbox | grid | tree | dialog) | listbox > option |
| Cas d’usage | Un contrôle de valeur a besoin d'une surface associée pour des options ou une aide plus riche | Une ou plusieurs valeurs sont choisies dans un ensemble composite d'options nommé |
| 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. |
Mesure d'audience
Avec ton accord, Google Analytics et des compteurs first-party agrégés mesurent l’usage du site pour nous aider à l’améliorer. Ces compteurs ne contiennent ni texte de recherche, ni candidat, ni identifiant de session ou d’événement. Ton choix reste modifiable via « Cookies » en pied de page.
