Éléments de recherche Les recherches sur les sites de la RAMQ s’effectuent en saisissant les termes concernés dans la barre de recherche. Les résultats de recherche s’affichent dans une page qui liste toutes les occurrences relatives à la requête saisie. Barre de recherche Description Deux versions de cette barre existent en ce moment : celle qui se trouve dans le PIV, accessible par l’icône de la loupe, et celle qui se trouve dans la page Résultats de recherche. Cette page s’affiche une fois la requête de recherche lancée. Barre de recherche située dans le PIV La barre de recherche intégrée dans le PIV peut être affichée en cliquant sur l’icône de la loupe dans l’en-tête du site. Elle respecte les normes graphiques en vigueur, émises par le gouvernement. Ces normes peuvent être consultées dans la page www.piv.gouv.qc.ca/normes-graphiques, plus précisément dans le document qui concerne la zone personnalisable du bandeau d’en-tête des sites Web. Barre de recherche située dans la page de résultats La barre de recherche de la page des résultats s’affiche lorsqu’une recherche est lancée ou en cliquant sur l’icône de la loupe dans la barre de recherche du PIV (une fois celle-ci ouverte). Cette barre se positionne dans le haut de la page, au-dessus des résultats de recherche. Un exemple de cette barre est présenté dans la page suivante : Barre de recherche de la page des résultats Accessibilité Barre de recherche située dans le PIV Au clic sur l’icône de la loupe, le focus est conservé sur ce bouton et à la tabulation suivante, le focus est déposé dans le champ de saisie. L’ordre de navigation au clavier (parcours du focus) est : icône de loupe, champ de saisie, bouton permettant de lancer la recherche, lien « English ». Le bouton de l’icône de loupe possède l’attribut aria-expanded, qui est changé pour false lorsque le champ de recherche est fermé, et pour true lorsqu’il est ouvert, annonçant ainsi au lecteur d’écran si le champ de recherche est visible ou non. Barre de recherche située dans la page de résultats L’ordre de navigation au clavier (parcours du focus) est : champ de saisie et bouton permettant de lancer la recherche.Le bouton « X » ne doit pas être atteignable par un utilisateur naviguant au clavier, car cela ne lui apporte pas de valeur ajoutée. Il faut donc ajouter les attributs tabindex="-1" et aria-hidden="true" sur le bouton « X ». Si ce bouton est atteignable, il doit :Se retrouver après le champ de saisie dans le parcours du focus et avant le bouton permettant de lancer la recherche.Posséder un nom significatif (ajouter l’attribut aria-label="Effacer le contenu du champ de recherche").Forcer le focus sur le champ de saisi au clic du bouton « X ».L’attribut aria-label sur le bouton permettant de lancer la recherche doit être traduit dans les 2 langues. Résultats de recherche Description La liste de ces résultats se positionne juste en dessous du nombre de résultats trouvés et de la barre de recherche. Elle rassemble les hyperliens des pages relatives à la recherche, bonifiés par de courtes descriptions de chacune des pages. Dans les résultats de recherche, les hyperliens des titres des pages ont leur propre style : ils ne sont pas surlignés et arborent la couleur bleue du PIV. On trouve également sous les titres le chemin qui situe la page dans le site. Ce chemin a son propre style, il ne s’agit pas d’hyperliens comme le fil d’Ariane, mais d’indications qui précisent l’emplacement de la page du résultat de recherche. S’il y a plus d’une page de résultats, la pagination de pied de page s’affiche pour éviter une page trop longue. Voici un exemple de résultats de recherche. Accessibilité Les résultats de recherche doivent se retrouver dans une liste non ordonnée où chaque résultat, comprenant le titre du résultat, l’URL et la description, s’il y a lieu, se retrouve dans un élément de liste.
