Bonne utilisation

Points de conformité :

• Écrivez en majuscules la première lettre de qui suit :
  • Le premier mot dans un titre
  • Les noms propres (le nom d'une personne, d'un endroit, le titre d'une personne (en anglais) ou le nom officiel d'une publication ou le temps de calendrier (en anglais))
  • Le premier mot après deux-points ( : ) ou le tiret long – (–)
    • Utilisez les minuscules pour le reste
• Utilisez principalement les en-têtes <h1> à <h4> afin de structurer le contenu
  • Évitez les en-têtes <h5> à <h6>. Envisagez plutôt la restructuration du contenu
  • Assurez-vous que les renseignements sont regroupés en blocs de contenus significatifs
• Placez un titre immédiatement au-dessus de la section de contenu qui s'y rapporte
• Comprenez et mettez en place les principes de soutien connexes

Mauvaise utilisation

Points de conformité :

• N'utilisez pas cet élément d'une façon qui entre en conflit avec les points de conformité précédents
• N'utilisez pas les en-têtes pour reproduire la taille ou le poids du texte
• Ne l'utilisez pas à des fins de stylisation superficielle

Code

<h1>en-tête h1</h1>

<h2>en-tête h2</h2>

<h3>en-tête h3</h3>

<h4>en-tête h4</h4>

<h5>en-tête h5</h5>

<h6>en-tête h6</h6>

Bonne utilisation

Point d'observation :

• Utilisez la catégorie .small pour atténuer l'importance de seulement une partie de l'en-tête

Mauvaise utilisation

Points de conformité :

• N'utilisez pas cet élément d'une façon qui entre en conflit avec le point d'observation précédent
• Ne l'utilisez pas pour atténuer l'importance des renseignements primaires
• N'utilisez pas les en-têtes pour reproduire la taille ou le poids du texte
• Ne les utilisez pas aux fins de stylisation superficielle
• N'utilisez pas la balise <small>, car elle sert à définir le petit texte (complémentaires connexes, les avis de non-responsabilité et les « petits caractères », y compris les droits d'auteur et le texte juridique)

Code

<h1>en-tête h1 &#8211; <span class="small">Texte secondaire</span></h1>

<h2>en-tête h2 &#8211; <span class="small">Texte secondairet</span></h2>

<h3>en-tête h3 &#8211; <span class="small">Texte secondairet</span></h3>

<h4>en-tête h4 &#8211; <span class="small">Texte secondairet</span></h4>

<h5>en-tête h5 &#8211; <span class="small">Texte secondairet</span></h5>

<h6>en-tête h6 &#8211; <span class="small">Texte secondairet</span></h6>

Bonne utilisation

Point d'observation :

• Utilisez .page-header pour faire ressortir un en-tête

Mauvaise utilisation

Point d'observation :

• N'utilisez pas cet élément d'une façon qui entre en conflit avec le point d'observation précédent

Code

<h1 class="page-header">en-tête h1</h1>

<h2 class="page-header">en-tête h2</h2>

<h3 class="page-header">en-tête h3</h3>

<h4 class="page-header">en-tête h4</h4>

<h5 class="page-header">en-tête h5</h5>

<h6 class="page-header">en-tête h6</h6>