Scan gratuit

Corriger « En-tête sans cellule de données » en HTML

Pourquoi c'est un problème

Un <th> doit décrire des données. Un en-tête de colonne vide de données, ou un tableau entièrement fait de <th>, fausse la navigation : le lecteur d'écran annonce des en-têtes qui ne se rapportent à rien et l'utilisateur ne peut plus relier les valeurs à leur sens.

Comment corriger — HTML

Supprimez les colonnes ou lignes d'en-tête sans données, ou remplissez-les. Si une cellule contient des données et non un intitulé, c'est un <td>. Si le tableau ne sert qu'à la mise en page, remplacez-le par du CSS (grid ou flex).

À éviter
<table>
  <tr><th>Offre</th><th>Prix</th><th>Remarques</th></tr>
  <tr><th>Gratuit</th><th>0 €</th></tr>
  <tr><th>Pro</th><th>29 €</th></tr>
</table>
Correct
<table>
  <tr><th scope="col">Offre</th><th scope="col">Prix</th></tr>
  <tr><th scope="row">Gratuit</th><td>0 €</td></tr>
  <tr><th scope="row">Pro</th><td>29 €</td></tr>
</table>

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