Les titres et sous-titres organisent le contenu de vos pages web. Ils sont importants pour l’accessibilité. Les personnes handicapées (aveugles ou malvoyantes) dépendent de leur lecteur d’écran pour lire à voix haute le texte affiché sur l’écran de leur ordinateur. L’utilisation correcte des titres  et des sous titres structure le contenu, offre une hiérarchisation de ce dernier. Les internautes peuvent ainsi naviguer et trouver l’information qu’ils cherchent plus facilement.

Notre service : Accessibilité web – Rendre votre site Internet accessible

Bien structurer son contenu pour le rendre accessible

Dans un premier temps il est préférable de choisir un système de gestion de contenu (CMS) qui vous permet de créer un site Internet et des contenus accessible, choisissez WordPress.

Dans WordPress, l’éditeur de texte vous propose des en-têtes préformatés dans la liste déroulante Paragraphe. 

N’utilisez pas le gras pour créer l’apparence d’un titre car un lecteur d’écran ne le reconnaîtra pas comme un titre. Mais n’utilisez pas non plus les styles de titres pour rendre la taille d’un texte plus importante car le lecteur d’écran le lira alors comme un titre.

Comment bien imbriquer les entêtes ?

Des titres et sous titres correctement imbriqués aident un lecteur d’écran à donner un sens au contenu.

Les balises des titres se présentent ainsi : <h1> <h2> <h3> …  <h1> étant le titre de premier niveau, puis <h2>, puis <h3>. Il est important de respecter l’ordre H2 vient avant H3, H3 vient avant H4 et ainsi de suite.
Vous pouvez utiliser un titre plusieurs fois, mais ne sautez pas de niveau.

Dans un article wordpress, on commence avec H2, H1 étant réservé au titre de l’article.

Titre 2

Le titre 2 est le titre de votre  contenu. 
Dans cet article : <h2>Bien structurer son contenu pour le rendre accessible</h2>

Titre 3

Le titre 3 peut être utilisé pour un paragraphe.

Titre 4

Le titre 4 est imbriqué sous le titre 3.

Etc…