retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Eléments obligatoires > Fiche 8.6

Fiche 8.6 : Le contenu de la balise TITLE est-il différent d'une page à l'autre ?

Carte d'identité

  • Critère AccessiWeb : 8.6
  • Niveau AccessiWeb : bronze
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 13.2

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs


Dans tous ces cas, la répétition d'un même titre pour des pages différentes peut créer une perte de repères.

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. Vérifier dans le code source la présence des balises TITLE et /TITLE dans l'en-tête du document et la présence d'un contenu entre ces balises.
  2. Vérifier que les contenus des balises TITLE sont différents d'une page à l'autre, sur l'ensemble des pages à évaluer.
  3. Tester notamment la page du moteur de recherche et la page de résultat de la recherche.

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 "8. Eléments obligatoires" de la Barre AccessiWeb, activer le critère 8.6.
  3. Les informations sur les éléments de description (méta-données) s'affichent dans une nouvelle fenêtre: l'url de la page, son titre (balise TITLE) le contenu des méta-données ainsi que le contenu des éléments LINK.
  4. Vérifier que le contenu de la balise TITLE est différent sur chaque page.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Dans "Infos Doc", cliquer sur "Informations sur les méta-données [Nouvelle fenêtre]". Une nouvelle page apparaît et affiche l'url de la page, son titre (balise TITLE) le contenu des meta données ainsi que le contenu des éléments LINK.
  2. Vérifier que le contenu de la balise TITLE est différent sur toutes les pages analysées.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Activer l'option "Informations sur la page" du menu "Information" puis cliquer sur l'onglet "Général".
  2. Plusieurs informations sur la page sont affichées dans une nouvelle fenêtre, dont le contenu de la balise TITLE, en gras, sur la première ligne.
  3. Vérifier que le contenu de la balise TITLE est différent sur toutes les pages analysées.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
  1. Dès l'ouverture de la page, Jaws annonce le titre de la page.
  2. Pour le faire répéter, effectuer la combinaison de touches Insert+T.
    Note : Si le contenu de la balise TITLE est vide, ou si la balise TITLE est inexistante, Jaws annoncera l'adresse de la page sur laquelle on se trouve. Dans le cas contraire, écouter le titre annoncé par Jaws sur chacune des pages et vérifier qu'il n'est pas le même d'une page à l'autre.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

L'attribution d'un titre explicite à une page et différent des autres pages du site, relève du rédacteur du site Web. Le positionnement du titre au bon endroit dans la page est le travail de l'intégrateur HTML.

Implémentation

La balise TITLE doit être positionnée dans l'en-tête de la page, c'est-à-dire entre les balises HEAD. Elle peut contenir des caractères accentués ou des caractères spéciaux, mais ne peut pas contenir d'autres balises. Bien qu'il n'y ait pas techniquement de limite, il est recommandé de ne pas dépasser 60 à 80 caractères. Dans le cas contraire, le titre pourrait ne pas apparaître en totalité dans la fenêtre de navigation, dans les résultats de recherche ou dans la liste des favoris. De plus, les afficheurs braille comportent un maximum de 80 caractères et la lecture d'un titre trop long pourrait s'avérer fastidieuse.
Syntaxe générale :

</head>
<title>Titre de la page</title>
</head>

Exemple de mauvaise pratique

  1. Toutes les pages du site ont le même titre.
  2. Les pages de résultats d'une recherche ont le titre "résultats".

Exemple de bonne pratique

  1. Chaque page d'un même site a un titre différent en tout ou partie.
  2. Les pages de résultats d'une recherche sont intitulées, par exemple : "résultats pour [expression recherchée]".

revenir en haut de la page

Illustrations

le titre de la page apparaît en haut du navigateur

Cette copie d'écran montre la façon dont le contenu de la balise TITLE s'affiche dans la barre de titre du navigateur.

Le titre de la page est utilisé pour nommer le favoris

Cette copie d'écran montre la boîte de dialogue "ajouter aux favoris" sous Internet Explorer dont le champ "nom" reprend le titre de la page pour nommer le favoris.

montre la liste des favoris contenant le titre de la page

Cette copie d'écran montre la liste des favoris sous Internet Explorer. Par défaut, ceux-ci sont nommés en fonction du titre de la page.

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 8.5 Fiche suivante : fiche 8.7

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