Scan gratuit

Corriger « Attribut headers mal référencé » en HTML

Pourquoi c'est un problème

Dans un tableau complexe, l'attribut headers d'une cellule liste les id des en-têtes qui la décrivent. Si un id n'existe pas dans le tableau (renommé, faute de frappe, en-tête supprimé), le lecteur d'écran lit la valeur sans son en-tête : « 1 240 » au lieu de « Budget 2026, 1 240 ».

Comment corriger — HTML

Vérifiez que chaque id cité dans headers correspond à une cellule d'en-tête (<th>) du MÊME tableau, et qu'une cellule ne se cite pas elle-même. Pour un tableau simple (une ligne et/ou une colonne d'en-têtes), inutile d'utiliser headers : <th scope="col"> et <th scope="row"> suffisent.

À éviter
<table>
  <tr><th id="poste">Poste</th><th id="budget-2026">Budget 2026</th></tr>
  <tr><th id="audit">Audit</th><td headers="audit budget2026">1 240</td></tr>
</table>
Correct
<table>
  <tr><th id="poste">Poste</th><th id="budget-2026">Budget 2026</th></tr>
  <tr><th id="audit">Audit</th><td headers="audit budget-2026">1 240</td></tr>
</table>

<!-- Tableau simple : scope suffit, pas besoin de headers -->
<tr><th scope="row">Audit</th><td>1 240</td></tr>

Vérifiez votre site en 30 secondes

Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.

Scan gratuit

Autres corrections