La lecture de texte long et dense sans organisation ou structure claire peut être décourageante. Les titres peuvent faciliter le travail et la compréhension du contenu en apportant une structure.

Ils se distinguent souvent visuellement du reste du contenu. Cette démarcation invite non seulement à un temps d'arrêt de lecture bienvenu, mais permet également aux lecteurs d'analyser la page et de trouver plus facilement ce qu'ils recherchent.

Par exemple, les titres de cette page d'aide vous permettent de savoir rapidement où trouver les conseils relatifs à l'application des niveaux de titre et les bonnes pratiques pour la structure des titres.

Lorsqu'ils sont créés correctement, les titres facilitent la navigation dans la page. Les navigateurs, plug-ins et lecteurs d'écran permettent d'utiliser les titres pour accéder directement à une rubrique. Par exemple, les utilisateurs de lecteurs d'écran peuvent écouter une liste de titres, choisir de passer directement à l'un des titres et commencer à lire le contenu associé.

Structure des titres

Les titres doivent suivre un ordre séquentiel, décroissant, et ne doivent pas sauter de niveau. Des chiffres sont utilisés pour désigner les niveaux de titre, avec 1 correspond au niveau le plus élevé et 6 correspondant à la sous-section la plus basse.

La plupart des technologies, y compris les lecteurs d'écran, ne prennent en charge que six niveaux de titres. Créer plus de six niveaux peut donc entraîner des problèmes de lecture des titres et doit être évité.

Le niveau de Titre 1 représente souvent le titre de la page Web ou du document. Comparons ce niveau de titre au titre d'un livre. Si le livre est en trois actes, vous devez utiliser le niveau de Titre 2 pour les titres d'actes. Le Titre 3 est ensuite utilisé pour les titres de chapitre dans chaque acte, etc.

Le non-respect d'un ordre logique pour les titres représente un problème mineur. Ces problèmes, même mineurs, doivent être résolus pour une meilleure expérience. 

Ally vous aide à identifier les cas où les titres ne sont pas dans un ordre logique et vous explique comment résoudre ce problème. Ally effectue les vérifications suivantes :

  • Existe-t-il des titres sur la page ou le document Web ?
  • Les niveaux de titre commencent-ils au niveau 1 ?
  • Existe-t-il un ordre et une hiérarchie logiques et cohérents ? 
  • Les niveaux de titre vont-ils au-delà du niveau de titre 6 ?

Si Ally constate une erreur lors de l'une de ces vérifications, il indique que les titres posent problème.

Utilisez Ally pour repérer les titres qui ne respectent pas un ordre logique

Utilisez le rapport sur l'accessibilité d'Ally pour identifier et résoudre les problèmes d'accessibilité de votre site. Utilisez le lien fourni pour le rapport et connectez-vous. Ouvrez le rapport et consultez la liste des problèmes dans le tableau Problèmes d'accessibilité.

Le tableau Problèmes d'accessibilité se trouve à la fois dans les onglets Présentation et Domaine. Ouvrez d'abord l'onglet Domaine pour consulter les problèmes spécifiques à un domaine.

Le non-respect d'un ordre logique pour les titres représente un problème mineur. Consultez l'onglet Mineur du tableau Problèmes d'accessibilité pour afficher la liste des problèmes mineurs. Sélectionnez les problèmes concernant des titres ne respectant pas un ordre logique.

Si vous démarrez dans l'onglet Vue d'ensemble, sélectionnez le problème, puis le domaine concerné. Dans la liste, les mentions de problèmes de titre peuvent commencer par Document ou HTML.

Depuis la liste des problèmes de titre du domaine en question, sélectionnez l'indicateur de résultat en regard d'un élément présentant le problème. Le volet de feed-back d'éditeur de contenu s'ouvre.

Prévisualiser les titres qui ne sont pas un ordre logique

Le volet de feed-back Ally vous offre un aperçu du contenu, ainsi qu'un feed-back détaillé et une assistance pour vous aider à résoudre vos problèmes d'accessibilité. Utilisez l'aperçu pour afficher les titres qui ne sont pas dans un ordre logique.

L'aperçu indique où surviennent les problèmes d'accessibilité spécifiques rencontrés dans le document. Les surbrillances indiquent chaque occurrence d'un problème, un type de problème à la fois. Par exemple, pour le problème des titres qui ne sont pas dans un ordre logique, l'aperçu indique en surbrillance tous les titres présentant ce problème spécifique.

Outils d'aperçu

Utilisez les outils de l'aperçu pour explorer les problèmes dans votre document.

  • Permettent de parcourir l'aperçu du document page par page.
  • Indiquent le nombre de fois où un problème spécifique apparaît dans le document.
  • Permettent de passer d'un problème à l'autre.
  • Permettent de masquer ou d'afficher les surbrillances.
  • Permettent d'effectuer un zoom avant ou arrière sur le contenu d'aperçu.
  • Si le problème se trouve dans un document joint, permettent de télécharger le fichier d'origine.

Suivre les instructions pas-à-pas d'Ally pour corriger les niveaux de titre

Ally suppose que vous avez des connaissances de base en HTML et que vous savez utiliser votre système de gestion de contenu (CMS). Pour suivre les étapes guidées, vous devez savoir comment modifierune page Web dans le code HTML ou dans le code source de votre CMS.

En plus de l'aperçu, Ally vous donne des conseils pas-à-pas sur la résolution du problème. Ally organise ce feed-back sous forme d'arbre décisionnel : il vous suffit de lire les instructions et de répondre aux invites du système. Prenez connaissance du problème, identifiez en quoi il est important et voyez comment le résoudre de façon appropriée.

Sélectionnez Comment corriger l'ordre des titres ? pour suivre les étapes guidées.

Méthodes d'application des niveaux de titre aux pages Web

Il existe plusieurs façons d'appliquer des niveaux de titre sur vos pages Web.

  • HTML : Les instructions pas-à-pas d'Ally vous guident dans la procédure de recherche et de modification des niveaux de titre dans le code HTML. En résumé : recherchez la page Web contenant le titre. Modifiez la page. Dans le code HTML mettez à jour la balise de titre au niveau correct. Enregistrez la page.
  • RTE : Certains CMS disposent d'un éditeur de texte enrichi (RTE) qui peut vous fournir des méthodes conviviales d'application de titres. Recherchez le titre sur la page Web. Sélectionnez le titre et utilisez les outils CMS pour appliquer un nouveau niveau de titre. Enregistrez la page.

Consultez le site Web w3schools pour en savoir plus sur les langages HTML et CSS.

Pourquoi n'y a-t-il pas d'option me permettant d'afficher le niveau de titre que je souhaite sélectionner ?

Ally ne contrôle pas les niveaux de titre disponibles dans votre CMS. Ally vérifie que l'ordre des titres est logique en fonction des niveaux de titres utilisés.

Il est recommandé de limiter le nombre de niveaux de titres à six. Cependant, il est possible que vous ne voyez pas les six niveaux dans votre éditeur de contenu.

Le nombre de niveaux de titre peut être défini dans le Guide de style d'un site et faire partie d'un modèle. Avant d'apporter des modifications, consultez le Guide de style de votre site.

Dans certains cas, les titres de niveau supérieur sont déjà utilisés dans le CMS. Par exemple, le titre de cette page d'aide est un titre de niveau 1. Étant donné que le titre utilise le niveau de titre 1, les niveaux de titres de l'éditeur commencent au niveau 2.

Utilisez les niveaux de titres disponibles pour appliquer un ordre logique sur la page.

Meilleures pratiques en matière de structure de titres

Ne faites pas visuellement ressortir les titres du contenu avec une taille et une couleur de police. Utilisez les options de niveaux de titres fournies dans votre outil d'édition.

Choisissez toujours « Titre 1 » pour le niveau de titre le plus élevé. Utilisez « Titre 2 » pour les titres de section, « Titre 3 » pour les titres de sous-section, etc. L'option « Normal » est réservée aux paragraphes.

Utilisez les styles de titres intégrés dans votre logiciel de traitement de texte lorsque vous chargez un document.

Styles de titres

Ne faites pas visuellement ressortir les titres du contenu avec une taille et une couleur de police. Il est important d'utiliser les niveaux de titres fournis dans votre outil d'édition de contenu ou les balises de titres <h1> correctes. Les balises et les niveaux de titres fournis sont essentiels pour que les utilisateurs de lecteurs d'écran puissent parcourir la page.

Si vous n'aimez pas le style de titre, il vous faudra peut-être mettre à jour le modèle.

Les couleurs sont souvent définies dans le Guide de style d'un site et peuvent refléter une image de marque. Avant d'apporter des modifications, consultez le Guide de style de votre site.