retour vers le site AccessiWeb

Guide AccessiWeb

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

Critère 8.7 : Dans le site Web, le titre de chaque page est-il unique ?

revenir en haut de la page

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

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

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

  • Test 8.7.a [Bronze] : Dans le site Web, le titre de chaque page (balise title) est-il unique ?

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 unique.

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

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.7.a [Bronze] : Dans le site Web, le titre de chaque page (balise title) est-il unique ?

  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.7.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 dans le site Web, le titre de chaque page (balise title) est unique
  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.7.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 dans le site Web, le titre de chaque page (balise title) est unique
  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 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] + [indication de la pagination si nécessaire]".

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

revenir en haut de la page

Fiche précédente : fiche du critère 8.6 Fiche suivante : fiche du critère 8.8

Guide AccessiWeb (version 3.0, 9 juin 2008) | Conditions d'utilisation | Contact
Copyright © 2008 Association BrailleNet. Tous droits Réservés.