Niveaux de titres et texte courant La hiérarchisation des titres est un moyen efficace d'organiser les contenus de nos pages Web en fournissant une structure d'information claire. Les niveaux de titres jouent un rôle essentiel dans l'accessibilité et le référencement naturel de nos pages. Dans cette page : Différents niveaux de titres Il existe trois catégories de niveaux de titres dans le site Web de Revenu Québec.Titre H1Il apparaît dans toutes les pages du site, une seule fois par page. Il prend toujours place au même endroit, soit directement au-dessus du texte du premier paragraphe (lead) et sous le fil d'Ariane.Le titre H1 doit être unique, clair et concis (environ 60 caractères). Il doit contenir le mot-clé principal de la page. Note Exemple Titre H1Police: HydraWeb 400 uppercase, 28 pixelsCouleur: #015C87 Fin de la note Intertitres (H2 à H6)Dans une page de contenu, les niveaux d'intertitres doivent respecter l'ordre séquentiel. Par exemple, le niveau H2 sera suivi des niveaux H3, H4 et ainsi de suite. On n'affiche pas un niveau H4 à la suite d'un niveau H2.Sauf exception, les titres de niveaux 5 (H5) et les titres de niveaux 6 (H6) ne doivent pas être utilisés abusivement ni couramment. Note Exemple Titre H2 principalPolice: Roboto 900, 17 pixelsBordure: 1 pixelCouleur: #015C87Titre H2 alternatifPolice: HydraWeb 400 uppercase, 22 pixelsCouleur: #4B4B4BTitre H3Police: Roboto 900, 16 pixelsBordure: 1 pixelCouleur: #015C87Titre H4Police: Roboto 900, 16 pixelsCouleur: #015C87Titre H5Police: Roboto 900, 16 pixelsCouleur: #4B4B4BTitre H6Police: Roboto 500, 14 pixelsCouleur: #000000 Fin de la note Note Note Dans certains cas, pour respecter une structure sémantique logique, il arrive que certains niveaux de titres aient une apparence visuelle différente. Par exemple, un niveau de titre H2 pourrait être appliqué au titre d'un accordéon ou d'une note, sans que ce soit visuellement apparent. Fin de la note Sous-titres Les pages de téléchargement sont les seules pages du site dont le titre de niveau 1 (H1) est suivi d'un sous-titre. Ce dernier correspond au numéro du document et est considéré comme un H1 dans la sémantique de la page. Note Exemple Sous-titresPolice: Roboto 400 uppercase, 13 pixelsCouleur: #717171 Fin de la note Texte courant Les propriétés du texte courant varient selon le format d'appareil utilisé.Format DesktopTaille des caractères : 14 pixelsInterlignage : 18 pixelsEspace entre les paragraphes : 14 pixelsFormat mobileTaille des caractères : 15 pixelsInterlignage : 19,8 pixelsEspace entre les paragraphes : 15 pixels Note Note Certaines propriétés de nos paragraphes lead varient en fonction des gabarits utilisés. Des travaux sont à prévoir en vue de les uniformiser. Fin de la note Accessibilité Nous travaillons actuellement à revoir les niveaux de titres du site Web informationnel de Revenu Québec afin que ceux-ci respectent davantage les standards d'accessibilité de niveau AA.Pour mieux connaître ces standards, consultez la page qui leur est consacrée dans la section Accessibilité des standards à Revenu Québec : Niveaux de titres – Accessibilité. Note À consulter aussi Mettre les liens contextuels ici Fin de la note