Titre de pages¶
Avant tout chose, rendons-nous sur la page de standard WCAG
Pour cette partie, nous allons nous intéresser à un critère de succès, le critère 2.4.2 Page Titled.
| Principe | 2 Utilisable |
| Règle | 2.4 Navigable |
| Critère de succès | 2.4.2 Page titrée |
documentation¶
En suivant le lien du critère de succès, on peut s’aperçevoir qu’il existe une documentation très complète sur le sujet (en haut à gauche) :
techniques¶
On peut aussi regarder sur la page de techniques celles associées.
En plus simple¶
Voir aussi
Cette partie est partiellement adaptée et traduite de la section Page title de la page Easy Checks – A First Review of Accessibility
Les titres de page sont :
- affichés dans la barre de titre de la fenêtre dans certains navigateurs
- affichés dans les onglets des navigateurs lorsque plusieurs pages Web sont ouvertes
- affichés dans les résultats des moteurs de recherche
- utilisés pour les signets/favoris du navigateur
- lus par les lecteurs d’écran
(Dans le balisage de la page web, ils sont le <title> à l’intérieur du <head>).
L’image ci-dessous montre le titre de la page « Easy Checks - A First Review of Web Accessibility » dans la barre de titre, et les titres de 4 pages dans les onglets. Notez que dans les onglets, seule la première partie du titre de la page est affichée.
Les bons titres de page sont particulièrement importants pour l’orientation - pour aider les gens à savoir où ils se trouvent et à se déplacer entre les pages ouvertes dans leur navigateur. La première chose que les lecteurs d’écran disent lorsque l’utilisateur passe à une autre page Web est le titre de la page.
Que faire ?¶
- Regardez le titre de la page (ou, avec un lecteur d’écran, écoutez-le).
- Regardez les titres des autres pages du site Web.
Ce qu’il faut vérifier :¶
- Vérifiez qu’il existe un titre qui décrit correctement et brièvement le contenu de la page.
- Vérifiez que le titre est différent de celui des autres pages du site Web et qu’il distingue correctement la page des autres pages Web.
Astuces¶
Il existe une certaine souplesse dans la définition d’un bon titre de page.
La meilleure pratique consiste à faire figurer en premier lieu dans les titres les informations d’identification importantes et uniques.
Par exemple :
- Mauvais titres :
- Bienvenue sur la page d’accueil de Acme Web Solutions, Inc.
- Acme Web Solutions, Inc. | À propos de nous
- Acme Web Solutions, Inc. | Contactez-nous
- Acme Web Solutions, Inc. | Histoire
- Améliorer les titres des pages :
- Page d’accueil d’Acme Web Solutions
- À propos de Acme Web Solutions
- Contacter Acme Web Solutions
- Histoire de Acme Web Solutions
Effectuer le test¶
page-title-tab-popup