GUIDE Unifies Inclusive Design Essentials

Les titres

Les balises de titre <h1…6>

<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<h5>Titre de niveau 5</h5>
<h6>Titre de niveau 6</h6>

Titre de niveau 1

Titre de niveau 2

Titre de niveau 3

Titre de niveau 4

Titre de niveau 5
Titre de niveau 6

Accessibilité

Les personnes qui utilisent des lecteurs d’écran naviguent en sautant de titre en titre afin de déterminer rapidement le contenu de la page. Aussi, il faut éviter de sauter des niveaux de titre. En effet, s’il y a un trou, la personne qui navigue ainsi pourrait se demander où est passé le titre manquant.

La balise <hgroup>

Elle représente un titre et son contenu associé. Il regroupe un élément <h1..6> avec un ou plusieurs paragraphes <p>.

<hgroup>
  <h1>Incaya</h1>
  <p>Une Scop du numérique</p>
</hgroup>

Incaya

Une Scop du numérique


Voir sur MDN

Accessibilité

Cette balise n’a aucun rôle ARIA implicite, mais les autorise tous.