retour vers le site AccessiWeb

Guide AccessiWeb

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

Critère 8.5 : Chaque page Web a-t-elle un titre de page ?

revenir en haut de la page

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

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

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

  • Test 8.5.a [Bronze] : Chaque page Web a-t-elle un titre de page (balise title) ?

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

Toutes les pages Web doivent avoir un titre de page.

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.5.a [Bronze] : Chaque page Web a-t-elle un titre de page (balise title) ?

  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.5.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 chaque page Web a un titre de page (balise title)
  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.5.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 chaque page Web a un titre de page (balise title).
  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é ?

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>

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.4 Fiche suivante : fiche du critère 8.6

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