RGAA 4.1.2 · THÉMATIQUE 5 · TABLEAUX

Critère 5.7 : 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) ?

Texte officiel du RGAA 4.1.2 (DINUM), mis en page par Claren · Mis à jour le

Ce critère appartient à la thématique « Tableaux » du RGAA 4.1.2. Il se vérifie par 5 tests.

Le critère

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) ?

Les tests

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) ?

Méthodologie du test 5.7.1
  1. Retrouver dans le document les tableaux de données ;
  2. Pour chaque en-tête (élément <th>) s’appliquant à la totalité de la ligne ou de la colonne, vérifier que l’élément <th> possède :
    • Soit un attribut id unique ;
    • Soit un attribut scope ;
    • Soit un attribut WAI-ARIA role="rowheader" ou "columnheader".
  3. Si c’est le cas pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne, le test est validé.

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 ?

Méthodologie du test 5.7.2
  1. Retrouver dans le document les tableaux de données ;
  2. Pour chaque en-tête (élément <th>) s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut scope, vérifier que l’attribut scope possède :
    • Soit une valeur "row" pour les en-têtes de ligne ;
    • Soit une valeur "col" pour les en-têtes de colonne.
  3. Si c’est le cas pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut scope, le test est validé.

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 ?

Méthodologie du test 5.7.3
  1. Retrouver dans le document les tableaux de données ;
  2. Pour chaque en-tête (élément <th>) ne s’appliquant pas à la totalité de la ligne ou de la colonne, vérifier que l’élément <th> :
    • Possède un attribut id unique ;
    • Et ne possède pas d’attribut scope ;
    • Et ne possède pas d’attribut WAI-ARIA role="rowheader" ou "columnheader".
  3. Si c’est le cas pour chaque en-tête ne s’appliquant pas à la totalité de la ligne ou de la colonne, le test est validé.

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 ?

Méthodologie du test 5.7.4
  1. Retrouver dans le document les tableaux de données ;
  2. Pour chaque élément <td> ou <th> associé à un ou plusieurs en-têtes possédant un attribut id, vérifier que :
    • L’élément <td> ou <th> possède un attribut headers ;
    • Et l’attribut headers possède la liste des valeurs d’attribut id des en-têtes associés.
  3. Si c’est le cas pour chaque élément <td> ou <th> associé à un ou plusieurs en-têtes possédant un attribut id, le test est validé.

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 ?

Méthodologie du test 5.7.5
  1. Retrouver dans le document les tableaux de données ;
  2. Pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut WAI-ARIA role="rowheader" ou "columnheader", vérifier que l’élément possède :
    • Soit un attribut WAI-ARIA role="rowheader" pour les en-têtes de ligne ;
    • Soit un attribut WAI-ARIA role="columnheader" pour les en-têtes de colonne.
  3. Si c’est le cas pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut WAI-ARIA role="rowheader" ou "columnheader", le test est validé.

Cas particuliers

Dans le cas de tableaux de données ayant des en-têtes sur une seule ligne ou une seule colonne, les en-têtes peuvent être structurés à l’aide de balise <th> sans attribut scope.

Notes techniques

Si l’attribut headers est implémenté sur une cellule déjà reliée à un en-tête (de ligne ou de colonne) avec l’attribut scope (avec la valeur col ou row), c’est l’en-tête ou les en-têtes référencés par l’attribut headers qui seront restitués aux technologies d’assistance. Les en-têtes reliés avec l’attribut scope seront ignorés.

Correspondance WCAG

Ce qu’un contrôle automatique peut voir

Les contrôles automatiques de Claren couvrent une partie de ce critère. Le reste se vérifie à la main.

Faire vérifier votre site

Un test automatique ne tranche qu’une partie des critères. Un audit RGAA les contrôle tous à la main, sur un échantillon de pages, et vous laisse un plan de correction.

Prendre rendez-vous

Tester une page gratuitement en ligne

Version officielle : critère 5.7 sur accessibilite.numerique.gouv.fr.

Textes du critère, des tests, de la méthodologie, des cas particuliers et des notes techniques : RGAA 4.1.2, DINUM, sous Licence Ouverte 2.0 (Etalab), repris tels quels. Intitulés des critères WCAG 2.2 : W3C, W3C Document License. Les liens des termes mènent au glossaire officiel du RGAA.

PARLONS DE VOTRE SITE

Un créneau tout de suite, ou nous vous rappelons.

Un premier échange pour comprendre votre situation et vous dire par quoi commencer : choisissez un créneau dans notre agenda, ou laissez votre numéro et nous vous rappelons.

Prendre rendez-vous

Premier rendez-vous gratuit et sans engagement : 30 minutes (15 minutes pour une boutique en ligne).

Le diagnostic flash, c’est quoi ?

Le diagnostic flash est gratuit : nous examinons jusqu’à 5 pages de votre site et vous envoyons le rapport par e-mail. Il repère de premiers obstacles ; il ne remplace pas un audit et ne donne pas de taux de conformité.

Recevoir le diagnostic gratuit

Vous représentez (obligatoire)
Le secteur public
Le secteur privé

Vos informations servent seulement à vous rappeler. Confidentialité.

Choisissez un créneau.

Un échange de trente minutes, en visioconférence ou par téléphone, pour comprendre votre situation. Vous recevez une confirmation du rendez-vous par e-mail.

Un échange sans engagement. Aucun créneau n’est proposé avant trois jours.