9.1. Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ?

Tests

• 9.1.1
• 9.1.2
• 9.1.3

Note technique

WAI-ARIA permet de définir des titres via le rôle heading et l’attribut aria-level (indication du niveau de titre). Bien qu’il soit préférable d’utiliser l’élément de titre natif en HTML <hx>, l’utilisation du rôle WAI-ARIA heading est compatible avec l’accessibilité.

Références

WCAG 1.3.1 Info and Relationships (A)

WCAG 2.4.1 Bypass Blocks (A)

WCAG 2.4.6 Headings and Labels (AA)

WCAG 4.1.2 Name, Role, Value (A)

G115 G130 H42 G141 ARIA4 ARIA12

Définitions

Titre

Élément HTML (balise h) à 6 niveaux de hiérarchie (de h1 pour le titre le plus important à h6 pour le moins important) ou élément HTML ayant les attributs WAI-ARIA role="heading" et aria-level permettant de structurer l’information d’un contenu web.

Assurer une stricte hiérarchie entre les titres d’une page web est une bonne pratique, mais la présence de sauts hiérarchiques n’invalide pas le critère tant que cette hiérarchie plus lâche reste cohérente (un titre <h3> peut ainsi venir directement après un titre <h1>, par exemple). La hiérarchie de titres ne doit pas obligatoirement contenir un titre <h1>. Même si ces pratiques ne sont pas encouragées, elles n’invalident pas le critère.

Note : les titres visuellement cachés via CSS sont considérés comme présents et valident le critère 9.1.