Barre de recherche
La barre de recherche est un système de navigation permettant à l'usager d’accéder rapidement à un contenu en lançant une recherche sur un mot clé ou une phrase.
Le composant Barre de recherche est conçu pour être accessible et respecter les critères du RGAA. Voici les points clés à prendre en compte pour en garantir l’accessibilité.
Interactions clavier
Aucune interaction au clavier spécifique au composant.
Règles d’accessibilité
L’ensemble des règles d’accessibilité du champs de saisie doivent être respectées.
-
Le conteneur de la barre de recherche possède un
role="search". -
Le champ de recherche est de type
search. - Le champ de recherche a une étiquette positionnée hors écran. Le bouton de recherche adjacent permet de comprendre la nature et fonction du champ.
- Le bouton de recherche a un intitulé et un attribut title explicite.
Contrastes de couleurs
Le composant Barre de recherche est suffisamment contrasté en thème clair et en thème sombre.
Restitution par les lecteurs d’écran
Aucun test de restitution n’est nécessaire pour le composant Barre de recherche.
Critères RGAA applicables
- Couleurs : 3.2, 3.3
- Présentation de l’information : 10.1, 10.2, 10.3, 10.4, 10.5, 10.7, 10.11, 10.12
- Formulaires : 11.1, 11.2, 11.9
- Navigation : 12.1, 12.5, 12.6, 12.8, 12.9
- Consultation : 13.9, 13.11
Références
- Référentiel général d’amélioration de l’accessibilité (RGAA 4.1.2)
- Rôle search
- Technique G167 WCAG : labelliser un champ avec un bouton adjacent explicite.