Vous êtes dans : Accueil > Les notices AcceDe Web (version 4) > Notice d’accessibilité HTML et CSS > 9. Tableaux > 9.3. Utiliser l’attribut scope pour associer les cellules aux entêtes des tableaux de données simples

9.3. Utiliser l’attribut scope pour associer les cellules aux entêtes des tableaux de données simples

Un tableau de données simple est un tableau dans lequel les cellules d’entêtes s’appliquent systématiquement à la totalité des cellules de données d’une ligne ou d’une colonne.

Pour associer les entêtes à leurs données dans ce type de tableaux, utiliser l’attribut scope sur les balises <th>. La valeur de cet attribut changera selon que la cellule d’entête concerne :

  • La totalité d’une colonne : scope="col".
  • La totalité d’une ligne : scope="row".
<table>
   <caption>Températures moyennes mensuelles des 3 plus grandes villes de France.</caption>
   <tr>
      <td>&nbsp;</td>
      <th scope="col">Paris</th>
      <th scope="col">Marseille</th>
      <th scope="col">Lyon</th>
   </tr>
   <tr>
      <th scope="row">Juin</th>
      <td>22°C</td>
      <td>28°C</td>
      <td>26°C</td>
   </tr>
   <tr>
      <th scope="row">Juillet</th>
      <td>24°C</td>
      <td>30°C</td>
      <td>28°C</td>
   </tr>
</table>
Températures moyennes mensuelles des 3 plus grandes villes de France.
Paris Marseille Lyon
Juin 22°C 28°C 26°C
Juillet 24°C 30°C 28°C

Commentaires

Ajouter un commentaire

Tous les champs sont obligatoires.

Haut de page