Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

222 - Les cellules des tableaux de données sont reliées à leurs en-têtes.

Thématique
Phase Projet

Objectif
  • Permettre aux aides techniques de restituer l'information contenue dans les tableaux de données de manière compréhensible, en indiquant à l'utilisateur les relations logiques entre contenu et en-têtes du tableau.
Mise en œuvre

Utiliser l'élément HTML th et son attribut scope pour baliser les cellules d'en-têtes et expliciter leur portée (scope de valeur col pour un en-tête de colonne, de valeur row pour un en-tête de ligne).

Pour les en-têtes qui ne s'appliquent qu'à une partie d'une ligne ou d'une colonne, contrôler la présence systématique de l'attribut id pour l'élément th et de l'attribut headers pour les éléments td avec les valeurs appropriées :

  • Donner à chaque en-tête (élément th) un attribut id (par exemple, id="foo") ;
  • Utiliser l'attribut headers dans chaque cellule (élément td) pour indiquer les en-têtes associées (par exemple, headers="foo" pour chaque cellule rattachée à l'en-tête ayant l'attribut id="foo").
Contrôle

Dans le code généré (consultable avec Firebug) des tableaux de données :

  • Vérifier l'utilisation systématique de l'élément th pour baliser les en-têtes de ligne ou de colonne ;
  • Pour les en-têtes s'appliquant à la totalité d'une ligne ou d'une colonne, contrôler la présence systématique de l'attribut scope doté de la valeur appropriée (row pour une ligne ou col pour une colonne) ;
  • Pour les en-têtes qui ne s'appliquent qu'à une partie d'une ligne ou d'une colonne, contrôler la présence systématique de l'attribut id pour l'élément th et de l'attribut headers pour les éléments td avec les valeurs appropriées :
  • Chaque en-tête (élément th) doit être dotée d'un attribut id (par exemple, id="foo") ;
  • L'attribut headers doit être utilisée dans chaque cellule (élément td) pour indiquer les en-têtes associées (par exemple, headers="foo" pour chaque cellule rattachée à l'en-tête ayant l'attribut id="foo").

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne