Comparaison comportementale
Champ de recherche vs Champ de texte
Choisir Champ de recherche pour : Rechercher dans un site, catalogue ou ensemble de résultats. Choisir Champ de texte pour : Saisir un nom, e-mail, code ou autre valeur courte.
| Dimension | Champ de rechercheSearch field | Champ de texteText field |
|---|---|---|
| Déclenchement | Placer le focus et saisir une requête, puis l’envoyer explicitement ou satisfaire des critères documentés de recherche en direct. | Placer le focus dans le champ libellé, puis saisir ou coller une valeur sur une ligne. |
| Modalité | Champ de requête non modal dans une région de recherche nommée. | Champ de formulaire non modal. |
| Positionnement | Dans un en-tête ou une région de recherche directement reliée à ses résultats. | Dans le formulaire avec un libellé persistant et une aide ou erreur à proximité. |
| Interactivité | Gère saisie, effacement, envoi et retour de résultats ; ce n’est pas un champ texte générique sans libellé. | Modifie une ligne de texte et expose validation, obligation, désactivation et autocomplétion. |
| Focus | L’envoi laisse le focus dans le formulaire de recherche pendant la mise à jour des résultats ; effacer le rend au champ. | Un focus visible entoure le champ sans masquer sa valeur, son libellé ni son erreur. |
| Fermeture | Sans objet : les résultats se mettent à jour en ligne ; Effacer retire la requête, les résultats envoyés, l’état ouvert et les erreurs. | Sans objet : la valeur reste jusqu'à sa modification, sa réinitialisation ou son envoi volontaire. |
| Rôle accessible | search landmark containing native search input | native textbox |
| Cas d’usage | Rechercher dans un site, catalogue ou ensemble de résultats | Saisir un nom, e-mail, code ou autre valeur courte |
| Comportement mobile | Utiliser le clavier de recherche et garder effacement, envoi et résultats accessibles lorsque le clavier est ouvert. | Choisir le bon clavier logiciel et la bonne autocomplétion, et éviter une taille de texte qui force le zoom. |