Titre de page :
Comprendre le CS 2.4.2
Objectif de ce critère de succès
L'objectif de ce critère de succès est d'aider les utilisateurs à trouver du contenu et à se situer dans ce contenu en garantissant que chaque page Web possède un titre descriptif. Les titres permettent d'identifier la position actuelle sans que les utilisateurs n'aient à lire ou à interpréter le contenu de la page. Lorsque les titres apparaissent dans le plan du site ou la liste des résultats d'une recherche, les utilisateurs peuvent plus rapidement identifier les contenus dont ils ont besoin. Les agents utilisateur rendent le titre de la page facilement disponible à l'utilisateur pour identifier le contenu de la page. Par exemple, un agent utilisateur peut afficher le titre sur la barre de titre de la fenêtre ou comme nom de l'onglet contenant la page.
Avantages spécifiques du critère de succès 2.4.2 :
Ce critère bénéficie à tous les utilisateurs en leur permettant d'identifier rapidement et facilement si l'information contenue dans la page Web est pertinente par rapport à leurs besoins.
Les personnes ayant des limitations visuelles en bénéficient car elles sont capables de différencier les contenus lorsque plusieurs pages sont ouvertes.
Les personnes ayant des limitations cognitives, une mémoire à court terme limitée et des difficultés de lecture en bénéficient également car elles ont la possibilité d'identifier le contenu grâce à son titre.
Ce critère bénéficie aussi aux personnes ayant de sévères problèmes de mobilité pour qui le mode opératoire pour naviguer entre les pages repose sur l'audio.
Exemples pour le critère de succès 2.4.2
Une page HTML
Le titre descriptif d'une page Web est codé via l'élément <title> de sorte qu'il s'affiche sur la barre de titre de l'agent utilisateur.
Un ensemble de documents.
Le titre pour Comprendre les WCAG 2.0 est « Comprendre les WCAG 2.0 »
La page d'introduction a pour titre « Introduction à Comprendre les WCAG 2.0 »
Les parties principales du document sont des pages intitulées « Comprendre la règle X » et « Comprendre le critère de succès X. »
L'annexe A a pour titre « Glossaire »
L'annexe B a pour titre « Remerciements »
L'annexe C a pour titre « Références »
Une application Web.
Une application bancaire permet à un utilisateur de consulter ses comptes, de visualiser les opérations passées et d'effectuer des transactions. Pour chaque page, l'application génère dynamiquement les titres. Ex. « Banque XYZ, comptes de Jean Dupond », « Banque XYZ, opérations de décembre 2005 pour le compte 1234-5678 ».
Ressources liées
Les ressources sont présentées dans un but d'information seulement, il ne s'agit pas d'une approbation.
Writing Better Web Page Titles – Écrire de meilleurs titres pour les pages web (en anglais) Comment écrire des titres de pages qui améliorent l'efficacité des moteurs de recherche.
Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers – Règles pour des sites web accessibles et utilisables : observer des utilisateurs travaillant avec un lecteur d'écran (en anglais). Theofanos, M.F., et Redish, J. (2003). Interactions, Volume X, Numéro 6, Novembre-Décembre 2003, pages 38-51, http://portal.acm.org/citation.cfm?doid=947226.947227
Techniques et échecs pour le critère de succès 2.4.2 - Titre de page
Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.
Techniques suffisantes
G88 : Donner un titre descriptif aux pages Web (en anglais) ET Associer un titre aux pages web en utilisant l'une des techniques suivantes :
Techniques (recommandées) supplémentaires pour 2.4.2
Bien qu'elles ne soient pas nécessaires à la conformité, les techniques supplémentaires suivantes devraient être envisagées afin de rendre le contenu plus accessible. Toutes ces techniques ne peuvent pas être utilisées ou ne seraient pas efficaces dans toutes les situations.
G127 : Indiquer la relation d'une page Web dans un grand ensemble de pages (en anglais)
Identifier le sujet de la page (lien à venir)
Donner un nom significatif pour identifier un cadre (lien à venir)
Utiliser un titre unique pour les pages Web (lien à venir
Fournir un en-tête principal de page qui est descriptif (lien à venir)
Échecs fréquents pour le CS 2.4.2
Le groupe de travail des WCAG considère les erreurs fréquentes suivantes comme des échecs du critère de succès 2.4.2.
Mots clés
- page Web
une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur
Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.
Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.
Exemple 1 : une ressource Web incluant toutes les images et médias liés.
Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.
Exemple 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.
Exemple 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.