Aller au contenu principal
RGAAA

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

References WCAG
  • 1.3.1 Info and Relationships (A)
Techniques
  • H43
  • H63
  • F90

Méthodologie officielle pour tester le critère 5.7

Test 1 (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 2 (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 3 (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 4 (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 (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é.