Guide RGAA · Thème 9

Structuration de l’information

Les 4 critères du thème « Structuration de l’information » du RGAA 4.1, expliqués et accompagnés de pistes de correction et d'exemples de code.

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

Ce que ça vérifie — L'information doit être hiérarchisée par des titres <h1> à <h6> reflétant l'importance et l'imbrication des sections. Ces titres constituent le principal moyen de navigation rapide pour les lecteurs d'écran.

Comment corriger — Structurez la page avec une hiérarchie logique et sans saut de niveau : un <h1> pour le titre principal, puis <h2>, <h3>, etc. N'utilisez jamais un titre pour son seul effet visuel.

<h1>Guide RGAA 4.1</h1>
  <h2>Tableaux</h2>
    <h3>En-têtes</h3>
  <h2>Structuration</h2>

Critère 9.2Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Ce que ça vérifie — La structure du document doit être exprimée par les balises sémantiques appropriées afin de refléter fidèlement l'organisation du contenu. Ces repères (landmarks) permettent aux technologies d'assistance de naviguer entre les grandes zones de la page.

Comment corriger — Employez les éléments structurants HTML5 : <header>, <nav>, <main>, <aside>, <footer>, <section>, <article>. Veillez à un seul <main> par page et à une utilisation cohérente des régions.

<header>...</header>
<nav aria-label="Menu principal">...</nav>
<main>...</main>
<footer>...</footer>

Critère 9.3Dans chaque page web, chaque liste est-elle correctement structurée ?

Ce que ça vérifie — Chaque liste doit être balisée avec les éléments de liste adaptés pour que sa nature et le nombre d'éléments soient restitués. Une fausse liste (tirets ou puces textuelles) prive l'utilisateur de ces repères.

Comment corriger — Utilisez <ul> pour les listes non ordonnées, <ol> pour les listes ordonnées et <dl>/<dt>/<dd> pour les listes de description, avec des <li> comme éléments directs.

<ul>
  <li>Perceptible</li>
  <li>Utilisable</li>
</ul>
<dl>
  <dt>RGAA</dt>
  <dd>Référentiel général d'amélioration de l'accessibilité</dd>
</dl>

Critère 9.4Dans chaque page web, chaque citation est-elle correctement indiquée ?

Ce que ça vérifie — Chaque citation doit être indiquée par le balisage dédié afin d'être identifiée comme telle par les technologies d'assistance. Cela distingue le propos rapporté du texte de l'auteur.

Comment corriger — Utilisez <blockquote> pour une citation en bloc et <q> pour une citation en ligne, en indiquant si possible la source via l'attribut cite.

<blockquote cite="https://www.w3.org/WAI/">
  <p>L'accessibilité est une exigence, pas une option.</p>
</blockquote>
<p>Comme le rappelle le W3C, <q>le Web est fait pour tous</q>.</p>

← Tous les thèmes du guide