Ce paragraphe est du corps de texte ordinaire. Il est rendu en body sur le ton
muted, ce qui laisse les titres et les mots mis en gras ressortir en bleu
plein. C'est le contraste qui porte la hiérarchie, pas la taille : l'échelle
typographique compte quatre crans et n'en gagnera pas un cinquième.
Un lien interne pointe vers nos guides, un lien
externe vers la CNESST. Le premier est réécrit
en navigation interne, le second part en nofollow dans un nouvel onglet.
Les titres et le rythme vertical
Un h2 ouvre une section. L'espace au-dessus est toujours plus grand que celui
en dessous, ce qui fait lire chaque section comme un bloc plutôt que comme une
suite de lignes.
Un troisième niveau
Le h3 est du corps de texte en demi-gras, en bleu plein. Contre du texte
muted, la différence se voit sans avoir besoin d'un nouveau cran de taille.
Une étiquette
Le h4 est une petite capitale espacée. Il ne reçoit pas d'ancre, donc il
n'apparaît jamais dans le sommaire à droite — ce qui garde la colonne lisible.
Les images
Une image écrite en markdown ordinaire. Le texte alternatif sert aussi de légende, donc il s'écrit comme une phrase, pas comme un nom de fichier.
La même image en Figure, avec une légende et un crédit distincts du texte
alternatif :
Un autre ratio, ici 21/9 :
Une capture d'écran garde ses proportions d'origine et reçoit un cadre :
Trois images en grille, utile pour un avant/après ou une série :
Une vidéo ne charge rien tant qu'on ne clique pas dessus :
Les encadrés
Une citation en markdown standard, avec son attribution sur une seconde ligne :
On ne corrige pas un problème de mobilisation avec un sondage. On le corrige avec une décision.
— Kim Arsenault, Inlead RH
Les chiffres et les listes
1 sur 3
employés qui partent dans les 12 premiers mois
Statistique Canada, 2025
18 mois
avant qu'une structure RH improvisée casse
Observations Inlead RH
43 %
des départs évitables selon les entrevues de départ
SHRM, 2024
Une liste à puces ordinaire :
- Le premier point, avec une puce verte.
- Le deuxième point, qui peut contenir du gras et un lien.
- Le troisième point.
Une liste numérotée :
- Première étape.
- Deuxième étape.
- Troisième étape.
Une liste d'actions, qui se distingue d'une liste ordinaire parce qu'elle est un livrable en soi :
Avant de publier un article
- La version dans l'autre langue existe et porte le même translationKey.
- dateModified correspond à la vraie dernière modification.
- Chaque image a un texte alternatif qui se lit comme une phrase.
- Chaque chiffre cité a une source.
Les tableaux
La FAQ
Le composant Faq émet aussi des données structurées FAQPage, une seule fois
par page.