Niveaux de titres

Les niveaux de titres sont utilisés pour organiser le contenu et offrir une hiérarchie claire à l’ensemble de la page.

Les titres sont d’une longueur d’environ 60 caractères. Ils doivent être précis, riches en mots-clés, concis et informatifs.

Les termes pertinents, soit les mots-clés susceptibles d’être recherchés, sont placés au début des titres et des sous-titres; ceux-ci ne doivent pas commencer par un déterminant. L’abréviation, sauf si elle est mieux connue du public cible que l’appellation au long, n’est pas utilisée, ni la ponctuation.

Exemple

Titre de niveau 1


CSS au format bureau
Font-family : Roboto
Font-size : 48px
Line-height: 56px
Font-weight : bold
Color : #223654

CSS au format mobile
Font-family : Roboto
Font-size : 36px
Line-height : 42px
Font-weight : bold
Color : #223654

Exemple

Titre de niveau 2


CSS au format bureau
Font-family : Roboto
Font-size : 36px
Line-height : 44px
Font-weight : bold
Color : #223654

CSS au format mobile
Font-family : Roboto
Font-size : 28px
Line-height : 32px
Font-weight : bold
Color : #223654

 

Exemple

Titre de niveau 3


CSS au format bureau
Font-family : Roboto
Font-size : 32px
Line-height : 36px
Font-weight : 500
Color : #223654

CSS au format mobile
Font-family : Roboto
Font-size : 24px
Line-height : 28px
Font-weight : 500
Color : #223654

Exemple

Titre de niveau 4


CSS au format bureau
Font-family : Roboto
Font-size : 24px
Line-height : 36px
Font-weight : bold
Color : #223654

CSS au format mobile
Font-family : Roboto
Font-size : 20px
Line-height : 28px
Font-weight : bold
Color : #223654

 

Exemple

Titre de niveau 5

CSS au format bureau
Font-family : Roboto
Font-size : 20px
Line-height : 30px
Font-weight : bold
Color : #223654

CSS au format mobile
Font-family : Roboto
Font-size : 16px
Line-height : 24px
Font-weight : bold
Color : #223654

Exemple

Titre de niveau 6

CSS au format bureau
Font-family : Roboto
Font-size : 16px
Line-height : 24px
Font-weight : bold
Color : #223654

CSS au format mobile
Font-family : Roboto
Font-size : 16px
Line-height : 24px
Font-weight : bold
Color : #223654

Paragraphes

Dans le bloc de contenu principal, les paragraphes ont une taille de 16 px autant dans le format bureau que dans le format mobile. L’interligne est de 24 px et le dégagement entre deux paragraphes est de 24 px.

Les paragraphes sont présentés de manière à ne pas dépasser une largeur d’environ 95 caractères par ligne (espaces compris) au format bureau, par souci de lisibilité.

Dernière mise à jour : 22 juillet 2021