retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Structuration de l'information > Fiche 9.7

Fiche 9.7 : A partir de n'importe quelle page du site, le moteur de recherche est-il atteignable de manière identique ?

Carte d'identité

  • Critère AccessiWeb : 9.7
  • Niveau AccessiWeb : argent
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 13.4
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 3 de WAI) : 9.5

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. Vérifier que le formulaire du moteur de recherche se trouve au même endroit dans le code source de toutes les pages.
  2. Vérifier que les liens d'accès éventuels "aller à la recherche" sont toujours au même endroit dans le code source des pages.
  3. Vérifier que les raccourcis claviers éventuels sont toujours les mêmes pour accéder au moteur de recherche.
  4. Vérifier que les intitulés des champs du formulaire de recherche restent identiques sur toutes les pages.
    Note : de plus en plus souvent, des liens de navigation internes permettent d'accéder directement "au contenu", "à l'aide", ou "à la recherche". Si l'accès direct à la recherche est présent sur une page, vérifier qu'il est également présent sur toutes les pages analysées.

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la barre AccessiWeb (version 1.0) :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "9. Structuration de l'information" de la Barre AccessiWeb, activer le critère 9.7.
  3. Les raccourcis claviers s'affichent dans la page.
  4. Vérifier que le raccourci clavier pour atteindre le moteur de recherche est présent dans la page analysée.
    Note : si un moteur de recherche a été défini dans le site mais qu'un raccourci clavier ne lui a pas été associé, vérifier que le code source définissant l'action pour atteindre le moteur de recherche est identique sur chacune des pages du site. Vérifier également que l'action résultante de ce code source est identique sur chacune des pages du site (par exemple, par la présence d'un formulaire de recherche au même endroit sur chaque page).
    Note : Pour enlever les raccourcis claviers de la page, recharger la page en cliquant sur la touche F5.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
Après avoir vérifié dans un navigateur qu'un moteur de recherche a été défini dans le site (par un formulaire présent dans chaque page, par un lien qui permet d'accéder à une page dédiée au moteur de recherche) et si un raccourci clavier lui a été associé, effectuer le test suivant :
  1. Dans "Structure", cliquer sur "Raccourcis Clavier".
  2. Vérifier que le raccourci clavier pour atteindre le moteur de recherche est présent dans la page analysée.
    Note : si un moteur de recherche a été défini dans le site mais qu'un raccourci clavier ne lui a pas été associé, vérifier que le code source définissant l'action pour atteindre le moteur de recherche (cliquer sur l'option "Voir le code source [Nouvelle fenêtre]" du menu "Source") est identique sur chacune des pages du site. Vérifier également que l'action résultante de ce code source est identique sur chacune des pages du site (par exemple, par la présence d'un formulaire de recherche au même endroit sur chaque page).

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
Après avoir vérifié dans un navigateur qu'un moteur de recherche a été défini dans le site (par un formulaire présent dans chaque page, par un lien qui permet d'accéder à une page dédiée au moteur de recherche) et si un raccourci clavier lui a été associé, effectuer le test suivant :
  1. Dans "Information", cliquer sur l'option "AccessKeys".
  2. Vérifier que le raccourci clavier pour atteindre le moteur de recherche est présent dans la page analysée.
    Note: si un moteur de recherche a été défini dans le site mais qu'un raccourci clavier ne lui a pas été associé, vérifier que le code source définissant l'action pour atteindre le moteur de recherche (cliquer sur l'option "Voir Source" du menu "Voir Source") est identique sur chacune des pages du site. Vérifier également que l'action résultante de ce code source est identique sur chacune des pages du site (par exemple, par la présence d'un formulaire de recherche au même endroit sur chaque page).

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ce critère n'est pas évaluable par le lecteur d'écran Jaws.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le développeur et le graphiste doivent veiller au respect de ce critère.

Implémentation

Dans tous les cas et pour tous les utilisateurs, le formulaire du moteur de recherche gagne à être visible graphiquement sur toutes les pages du site et sans avoir à faire défiler les pages de manière horizontale ou verticale. La position dans le code source de la page a également une importance puisque le formulaire sera d'autant plus facilement accessible qu'il sera présenté au début des pages. Quelle que soit la position choisie dans le code source, il est recommandé de proposer des liens de navigation internes dans la page portant le libellé "Aller à la recherche", liens éventuellement accompagnés de raccourcis clavier. A ce propos, le critère associé 12.5 précise que le raccourci clavier conseillé correspond à la touche "4". Le lien "aller à la recherche" peut également être répété en bas de page.

Il est également important de conserver au formulaire du moteur de recherche le même aspect visuel sur toutes les pages du site.

Remarque : le moteur de recherche étant présenté comme un formulaire, il est également indispensable d'appliquer les critères associés à cette thématique.

Exemple de mauvaise pratique

La mauvaise pratique consiste, par exemple, à placer le formulaire de recherche à différents endroits selon la page, ou à lui donner un aspect visuel différent.

Exemple de bonne pratique

La présence du formulaire de recherche sur toutes les pages du site en fait un contenu invariable sur tout le site. C'est pourquoi il est intéressant de faire en sorte de pouvoir le gérer indépendamment du contenu de chaque page. Pour ce faire, les développeurs web l'introduisent généralement de manière systématique dans les pages en appelant la portion de code depuis l'extérieur. Le formulaire peut être introduit dans un fichier qui sert d'en-tête (header) pour toutes les pages du site. Il peut également être placé le cas échéant dans les squelettes (templates) utilisés pour créer les pages (c'est souvent le cas des systèmes de gestion de contenu CMS.
Ces techniques permettent de l'afficher systématiquement au même endroit sur toutes les pages. Voici l'extrait de code correspondant à cette bonne pratique.
Remarque : le lien "Aller à la recherche" est généralement défini, mais ce n'est nullement une obligation, comme lien invisible pour les navigateurs graphiques (transparent), mais visible pour les lecteurs d'écran ou les navigateurs vocaux

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<title>Page d'accueil</title>
</head>

<body>
<a href="#rech">Aller à la recherche</a>
<div id="menu">
[Ici, on peut évenutellement placer le menu]
</div>

<form action=#" method="#">
<label for="rech">Recherche</label>
<input type="text" id="rech" accesskey="4" />
</form>

</body>
</html>

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

Autres fiches à consulter

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 9.6 Fiche suivante : fiche 9.8

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact