retour vers le site AccessiWeb

Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Eléments obligatoires > Critère 8.6

Critère 8.6 : Pour chaque page Web ayant un titre de page, ce titre est-il pertinent ?

revenir en haut de la page

Carte d'identité du critère 8.6 [niveau AccessiWeb : Bronze]

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

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

  • Test 8.6.a [Bronze] : Pour chaque page Web ayant un titre de page (balise title), le contenu de cette balise est-il pertinent ?

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

Le titre de chaque page Web doit être pertinent, c'est-à-dire que le contenu de la balise title de chaque page Web doit permettre d'identifier de manière claire, concise et unique les contenus/la nature de la page (comme par exemple, "Plan du site www.nomdusite.fr" pour une page présentant le plan du site Web").

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 de la page Web et sélectionner le code associé à tous les éléments suivants : balise title dans l'élément head (exemple de code source : <title>Titre de la page</title>).

  2. Appliquer le(s) test(s) suivant(s) :
    • Test 8.6.a [Bronze] : Pour chaque page Web ayant un titre de page (balise title), le contenu de cette balise est-il pertinent ?

  3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.


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 8.6.a [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Informations sur la page [nouvelle fenêtre]"
  3. Une nouvelle fenêtre apparaît. Au niveau de la ligne "Titre : ", vérifier que pour chaque page Web ayant un titre de page (balise title), le contenu de cette balise est pertinent
  4. Si c'est le cas, le test est validé.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 8.6.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Général".
  3. Une nouvelle fenêtre apparaît et des informations s'affichent.
  4. La première ligne doit afficher le titre de la page.
  5. Vérifier que pour chaque page Web ayant un titre de page (balise title), le contenu de cette balise est pertinent
  6. Si c'est le cas, le test est validé.

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é ?

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] + [indication de la pagination si nécessaire]".
  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

Avertissement : le contenu du paragraphe "Illustrations" est donné à titre indicatif. Il ne présente pas tous les cas possibles.


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

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

revenir en haut de la page

Fiche précédente : fiche du critère 8.5 Fiche suivante : fiche du critère 8.7

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