# Guide AccessiWeb

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

## Fiche 8.5 : Le contenu de la balise TITLE est-il explicite ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### Carte d'identité

- Critère AccessiWeb : 8.5
- 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

- Bénéfice 1 :
  Le titre est la première information dont l'utilisateur prend connaissance. Dès la lecture du titre, l'utilisateur doit savoir ce qu'il va trouver sur la page, quel est son contenu principal.
- Bénéfice 2 :
  Sur un même site, le titre doit permettre de différencier les pages entre elles.

#### Valeur ajoutée pour le site

- Bénéfice 1 :
  Les moteurs de recherche prennent en compte le contenu de la balise `TITLE` pour référencer et positionner les pages Web.

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. L'adéquation entre le titre et le contenu de la page sera estimée par la lecture de la page et, en particulier, du sujet abordé.

#### 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.5.
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` correspond au sujet de la 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` correspond au sujet de la page.

##### 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` correspond au sujet de la page.

##### 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 la balise `TITLE` est vide ou inexistante, Jaws donnera l'adresse de la page sur laquelle on se trouve. Dans ce cas, le critère est invalidé. Si la balise `TITLE` n'est pas vide, vous pourrez alors déterminer si le titre de la page est explicite.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

L'attribution d'un titre explicite à une page 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

Voici quelques exemples fréquemment rencontrés :

1. Sur une page de résultats de recherche, il faut éviter un titre laconique du type : "résultats"
2. De manière générale, éviter d'être extrêmement court : "accueil"
3. Eviter également de n'indiquer que le nom du site dans ce titre et sur toutes les page du site "entreprise X"

#### Exemple de bonne pratique

En reprenant les exemples ci-dessus, préférer :

1. Sur la page de résultats d'une recherche : "résultats de votre recherche pour [expression cherchée]"
2. Etre plus long : "[site X] - page d'accueil"
3. Reprendre le nom du site et ajouter l'information propre à la page, comme sur le point 2

revenir en haut de la page

### Illustrations

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

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.

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

- Fiche 8.4 : Existe-t-il une balise TITLE dans l'en tête de la page ?
- Fiche 8.6 : Le contenu de la balise TITLE est-il différent d'une page à l'autre ?

#### Autres ressources

- html Techniques (section 1.1.1) : The document title
- Title : the most important element of a quality Web page
- Plongez dans l'accessibilité : Jour 8 : Définir des titres de page qui ont une signification

revenir au sommaire de la fiche

revenir en haut de la page

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