Attention, cette version d'AcceDe Web est obsolète,
pour consulter la dernière version, se rendre sur www.accede-web.com/notices/ !

9.2.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 en 2012.</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 en 2012.
  Paris Marseille Lyon
Juin 22°C 28°C 26°C
Juillet 24°C 30°C 28°C

Recommandations associées

notices/html-css/utiliser-l-attribut-scope-pour-associer-les-cellules-aux-entetes-des-tableaux-de-donnees-simples.txt · Dernière modification: Le 06/03/2013 à 16:34 (modification externe)
 

Projet coordonné par Atalan.

En partenariat avec :

Et le soutien de :