Rampsight

Toutes les règles

Sémantique

Un paragraphe mis en forme n’est pas un titre

Pourquoi c’est important

Un paragraphe en gras ressemble à un titre sans en être un. Les utilisateurs de lecteur d’écran parcourent une page en sautant de titre en titre, et un faux titre n’est pas dans cette liste : la section est absente du plan.

Comment corriger

  1. Utilisez <h2> à <h6> pour les titres de section et habillez-les comme la maquette l’exige.
  2. Gardez les niveaux dans l’ordre, sans saut, pour que le plan corresponde à la hiérarchie visuelle.
  3. Réservez le gras à la mise en valeur à l’intérieur d’un paragraphe.

Dans le balisage

Échoue
<p><strong>Pricing</strong></p>
<p>Three plans...</p>
Réussit
<h2>Pricing</h2>
<p>Three plans...</p>

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

Pour aller plus loin

Deque University sur p-as-heading (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.