Aller au contenu principal
RAWEBA

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
  • F90
  • H43
  • H63

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 role="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 ;
    • ne possède pas d’attribut scope  ;
    • ne possède pas d’attribut WAI-ARIA role="rowheader" ou role="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 ;
    • 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 role="columnheader"., le test est validé.

Test 6 (5.7.6)

  1. Retrouver dans le document les tableaux de données.
  2. Pour chaque en-tête (élément <th>) s’appliquant à un groupe de lignes ou à un groupe de colonnes et pourvu d’un attribut scope, vérifier que l’attribut scope possède :
    • soit une valeur rowgroup pour les groupes d’en-têtes de ligne ;
    • soit une valeur colgroup pour les groupes d’en-têtes de colonne.
  3. Si c’est le cas pour chaque en-tête s’appliquant à un groupe de lignes ou à un groupe de colonnes et pourvu d’un attribut scope, le test est validé.