← Toutes les règles

Tableaux

headers doit pointer vers des cellules du même tableau

• Règle: td-headers-attr
• Gravité: Sérieux
• Niveau WCAG A

Pourquoi c’est important

Un attribut headers référençant un id absent, ou situé dans un autre tableau, perd silencieusement l’association : la cellule est alors annoncée sans aucun en-tête.

Comment corriger

1. Vérifiez que chaque id de l’attribut headers existe sur un <th> du même tableau.
2. Ne faites pas pointer une cellule vers elle-même.
3. Préférez scope quand le tableau est une grille simple : c’est bien plus facile à garder juste.

Dans le balisage

<td headers="region-h">Berlin</td>
<!-- no cell with id="region-h" in this table -->

<th id="region-h">Region</th>
<td headers="region-h">Berlin</td>

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 :

• 1.3.1 Information et relations (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur td-headers-attr (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.