Accessia
Auditer mon site
Tous les critères par thématique

Thématique 5 · Tableaux

Critère RGAA 5.6 : En-têtes des tableaux de données

Sans en-têtes déclarés, un lecteur d'écran annonce des valeurs isolées (« 42 ») sans dire à quoi elles correspondent.

Niveau
A
WCAG 2.2
1.3.1
Thématique
Tableaux
Vérification
Détecté automatiquement

La question posée par le RGAA

Pour chaque tableau de données, chaque en-tête de colonne et chaque en-tête de ligne sont-ils correctement déclarés ?

Comment respecter ce critère

  • Balisez les en-têtes de colonne et de ligne avec th, et non td stylé en gras.

Exemple

Les en-têtes de tableau de données ne sont pas correctement déclarés (<th> manquants).

✗ À éviter

<tr><td>Mois</td><td>CA</td></tr>

✓ À faire

<tr><th scope="col">Mois</th><th scope="col">CA</th></tr>

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

  1. 5.6.1 — Pour chaque tableau de données, chaque en-tête de colonne s’appliquant à la totalité de la colonne vérifie-t-il une de ces conditions ? (L’en-tête de colonnes est structuré au moyen d’une balise <th> ; L’en-tête de colonnes est structuré au moyen d’une balise pourvue d’un attribut WAI-ARIA role="columnheader".)
  2. 5.6.2 — Pour chaque tableau de données, chaque en-tête de ligne s’appliquant à la totalité de la ligne vérifie-t-il une de ces conditions ? (L’en-tête de lignes est structuré au moyen d’une balise <th> ; L’en-tête de lignes est structuré au moyen d’une balise pourvue d’un attribut WAI-ARIA role="rowheader".)
  3. 5.6.3 — Pour chaque tableau de données, chaque en-tête ne s’appliquant pas à la totalité de la ligne ou de la colonne est-il structuré au moyen d’une balise <th> ?
  4. 5.6.4 — Pour chaque tableau de données, chaque cellule associée à plusieurs en-têtes est-elle structurée au moyen d’une balise <td> ou <th> ?

Source : RGAA 4.1.2, critère 5.6, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Accessia détecte automatiquement les manquements à ce critère : l'analyse en ligne et l'extension Chrome localisent chaque élément en cause et proposent le correctif. Un contrôle humain reste utile pour les cas particuliers.