retour vers le site AccessiWeb

Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Structuration de l'information > Critère 9.9

Critère 9.9 : Dans chaque page Web, le moteur de recherche est-il atteignable de manière identique ?

revenir en haut de la page

Carte d'identité du critère 9.9 [niveau AccessiWeb : Or]

Test(s) AccessiWeb permettant de vérifier le critère 9.9

Note : le(s) test(s) suivant(s) sont issu(s) de AccessiWeb v1.1 [Déployé].

  • Test 9.9.a [Or] : Dans chaque page Web, le moteur de recherche est-il atteignable à partir d'une fonctionnalité identique ?
  • Test 9.9.b [Or] : Dans chaque page Web, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans la présentation ?
  • Test 9.9.c [Or] : Dans chaque page Web, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans le code source ?

Autre(s) fiche(s) AccessiWeb à consulter en relation avec cette fiche

Correspondances avec des critères d'autres référentiels sur l'accessibilité du Web

revenir en haut de la page

Comprendre

Comprendre le critère

Dans toutes les pages Web, le moteur de recherche doit être atteignable de manière identique. Le même mode d'implémentation dans le code source, la même place dans la présentation de l'information et la même fonctionnalité d'accès (un lien, un raccourci clavier...) d'une page à l'autre doivent être utilisés.

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Note : de manière générale, il est conseillé de faire l'évaluation d'un critère via l'analyse de son code source. Ce procédé d'évaluation par le code source est détaillé ci-après quand il est possible : procédé d'évaluation en 3 étapes via le ou les tests associés au critère. Les procédés d'évaluation par différents outils sont donnés en complément de l'évaluation par le code source.

Par le code source

  1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source des pages Web du site et identifier les fonctionnalités qui permettent d'accéder au moteur de recherche.

  2. Appliquer le(s) test(s) suivant(s) :
    • Test 9.9.a [Or] : Dans chaque page Web, le moteur de recherche est-il atteignable à partir d'une fonctionnalité identique ?
    • Test 9.9.b [Or] : Dans chaque page Web, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans la présentation ?
    • Test 9.9.c [Or] : Dans chaque page Web, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans le code source ?

  3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.


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 d'outils Accessibilité du Web pour Internet Explorer (version 2.0 beta en français) :
Pour le test 9.9.a [Argent], le test 9.9.b [Argent] et le test 9.9.c [Argent]:
  1. Ces tests ne sont pas évaluables par la Barre d'outils Accessibilité du Web (version 2.0 beta).

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 9.9.a [Argent], le test 9.9.b [Argent] et le test 9.9.c [Argent]:
  1. Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).

revenir en haut de la page

Comment mettre en oeuvre

Avertissement : les informations du paragraphe "Comment mettre en oeuvre" sont données à titre indicatif. Les contenus des sous-paragraphes Implémentation et Exemple de bonne pratique ne présentent pas tous les codes d'implémentation.


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.

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

revenir en haut de la page

Fiche précédente : fiche du critère 9.8 Fiche suivante : fiche du critère 9.10

Guide AccessiWeb (version 3.1, 2 mars 2009) | Conditions d'utilisation | Contact
Copyright © 2009 Association BrailleNet. Tous droits Réservés.