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 `_.
.. list-table:: Titres de page
:header-rows: 0
* - 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) :
.. image:: images/success-criterion-2-4-2.png
techniques
**********
On peut aussi regarder sur la `page de techniques `_ celles associées.
En plus simple
**************
.. seealso::
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 à 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.
.. image: images/page-title.png
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