Bénéfice 1 :
La présence d'un titre sur une page Internet est importante pour les utilisateurs dans la mesure où, dans toutes les circonstances suivantes, il est un point de repère :
Il apparaît en haut de la fenêtre de navigation et permet de différencier les pages les unes par rapport aux autres;
C'est la première information lue par les navigateurs vocaux;
Il apparaît dans les résultats de recherche ;
Il apparaît dans la liste des "favoris" ou "Marque-pages" lorsque la page y est ajoutée;
Il sert de nom de fichier lorsque la page est enregistrée.
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.
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.
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) :
Sous Internet Explorer, ouvrir la page à analyser.
Dans le menu "8. Eléments obligatoires" de la Barre AccessiWeb, activer le critère 8.4.
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.
Vérifier la présence d'un contenu pour la balise TITLE.
Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
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.
Vérifier la présence d'un contenu pour la balise TITLE.
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version
1.0.2 en français) :
Activer l'option "Informations sur la page" du menu "Information" puis cliquer sur l'onglet "Général".
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.
Vérifier la présence d'un contenu pour la balise TITLE.
Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Dès l'ouverture de la page, Jaws annonce le titre de la page.
Pour le faire répéter, effectuer la combinaison de touches Insert+T. Note : Si la page ne comporte pas de titre, ou si la balise TITLE n'est pas remplie, Jaws dira l'adresse URL de la page sur laquelle on se trouve. Pour évaluer ce critère, il faudra alors vérifier par le code source si la balise TITLE est absente ou si son contenu est l'adresse URL de la page. Le critère est validé si la balise TITLE est présente (même vide).
Le choix du titre des pages relève du rédacteur du site Web. L'ajout de ce titre au bon endroit sur les pages 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
<head> <title></title> </head>
Exemple de bonne pratique
<head> <title>Titre de la page Web</title> [...] </head>
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.