AnySurfer Checklist 2.0

2.2.1 Chaque page possède un titre significatif

Veillez à donner à chaque page web un titre significatif au moyen de la balise title.

Pourquoi?

Le titre de la page est un moyen d'orientation très important pour chaque visiteur. Cette information

  • se trouve dans la barre de titre et reste visible (également après avoir fait défiler la page),
  • est repris comme titre dans les onglets du navigateur,
  • est utilisée dans les listes de résultats des moteurs de recherche,
  • est le texte standard lorsque vous ajoutez cette page à vos favoris,
  • est la première chose lue par un lecteur d'écran après ouverture de la page.

En pratique

Un titre de page significatif

  • résume de manière concise le contenu ou la nature de la page,
  • est donc différent pour chaque page du site et
  • comprend le nom du site.

Exemples

  Heures d'ouverture de la bibliothèque - Ville de Namur
  Contact - Cabinet dentaire Dupont
  Confirmez votre réservation - Air Asia

Recommandation

Il est préférable de placer le nom du site à la fin du titre de la page. Le titre est raccourci dans plusieurs cas de figure, par exemple lorsqu'il apparaît dans un onglet, dans une fenêtre minimisée dans la barre des tâches de Windows ou dans la liste des favoris. Cela permet également aux utilisateurs de lecteurs d'écran de ne pas devoir écouter le nom du site chaque fois qu'une nouvelle page est chargée.

Pour les sites web utilisant des cadres (frames)

Lorsqu'un site est construit avec des cadres, il n'y a que le titre du frameset qui soit visible. Dans ce cas, il suffit de mentionner le nom du site. Un lecteur d'écran lira également le titre de la page de chaque cadre. La balise title d'une page qui s'ouvre dans un cadre doit de préférence rester vide.

Méthode de test

Vérifiez si chaque page a un titre qui

  • est unique,
  • indique de quelle page il s'agit,
  • donne aussi le nom du site.

Pour en lire plus

En anglais

Writing Better Web Page Titles

Règles correspondantes

WCAG 2.0

2.4.2 Titre de page (Niveau A)

Informations complémentaires

Prioriteit

  • Level A

Doelgroepen

  • Alle bezoekers
  • Blinden
  • Slechtzienden
  • Mensen met een verstandelijke beperking
  • Dyslectici
  • Zoekrobots

Webwerkers

  • Concepteur web (Programmation front-end, implémentation CMS et Javascript)
  • Rédacteur web (Textes et images)
  • Webdesigner (Templates et feuille de style)