Thématique 5 · Tableaux

Critère 5.7 du RGAA 4.1

Énoncé officiel

Pour chaque tableau de données, la technique appropriée permettant d’associer chaque cellule avec ses en-têtes est-elle utilisée (hors cas particuliers) ?

Tests (5)

Test 5.7.1
Pour chaque contenu de balise `<th>` s’appliquant à la totalité de la ligne ou de la colonne, la balise `<th>` respecte-t-elle une de ces conditions (hors cas particuliers) ?
La balise `<th>` possède un attribut `id` unique ;
La balise `<th>` possède un attribut `scope` ;
La balise `<th>` possède un attribut WAI-ARIA `role="rowheader"` ou `role="columnheader"`.
Test 5.7.2
Pour chaque contenu de balise `<th>` s’appliquant à la totalité de la ligne ou de la colonne et possédant un attribut `scope`, la balise `<th>` vérifie-t-elle une de ces conditions ?
La balise `<th>` possède un attribut `scope` avec la valeur `"row"` pour les en-têtes de ligne ;
La balise `<th>` possède un attribut `scope` avec la valeur `"col"` pour les en-têtes de colonne.
Test 5.7.3
Pour chaque contenu de balise `<th>` ne s’appliquant pas à la totalité de la ligne ou de la colonne, la balise `<th>` vérifie-t-elle ces conditions ?
La balise `<th>` ne possède pas d’attribut `scope` ;
La balise `<th>` ne possède pas d’attribut WAI-ARIA `role="rowheader"` ou `role="columnheader"` ;
La balise `<th>` possède un attribut `id` unique.
Test 5.7.4
Pour chaque contenu de balise `<td>` ou `<th>` associée à un ou plusieurs en-têtes possédant un attribut `id`, la balise vérifie-t-elle ces conditions ?
La balise possède un attribut `headers` ;
L’attribut `headers` possède la liste des valeurs d’attribut `id` des en-têtes associés.
Test 5.7.5
Pour chaque balise pourvue d’un attribut WAI-ARIA `role="rowheader"` ou `role="columnheader"` dont le contenu s’applique à la totalité de la ligne ou de la colonne, la balise vérifie-t-elle une de ces conditions ?
La balise possède un attribut WAI-ARIA `role="rowheader"` pour les en-têtes de ligne ;
La balise possède un attribut WAI-ARIA `role="columnheader"` pour les en-têtes de colonne.

Ce que Conformly vérifie

Ce critère fait partie de ceux que notre moteur évalue automatiquement, via les règles suivantes :

scope-attr-valid — Attribut scope invalide
td-headers-attr — Cellule liée à un en-tête inexistant
th-has-data-cells — En-tête de tableau sans cellule de données

Une vérification automatique ne remplace pas la lecture des tests ci-dessus : elle détecte des manquements, elle ne prouve pas la conformité.

Autres critères de la thématique « Tableaux »

Source

Énoncé et tests reproduits depuis le Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, sous Licence Ouverte 2.0.

Tester une page gratuitement