summary
fournit aux utilisateurs de navigateurs vocaux et lecteurs d'écran un résumé des informations contenues dans le tableau.summary
permet à l’utilisateur de se représenter la fonction et la structure du tableau. Sans cela, l’interprétation des tables aux structures relativement complexes (et la navigation en leur sein) peut s'avérer difficile et/ou pénible pour les personnes n’ayant qu’une présentation linéaire du contenu.summary
est correctement renseigné, il permet un meilleur référencement de la page et des tableaux de données qu'elle comporte.TABLE
de la page, la présence de l'attribut summary
.summary
en fonction du type de tableau. Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.
TABLE
de la page la présence de l'attribut summary
.summary
en fonction du type de tableau (pour un tableau de mise en forme: summary
="" et pour un tableau de données: le contenu du summary
doit donner la fonction et la structure du tableau).TABLE
de la page la présence de l'attribut summary
. summary
en fonction du type de tableau (pour un tableau de mise en forme: summary="" et pour un tableau de données: le contenu du summary
doit donner la fonction et la structure du tableau).table
de la page la présence de l'attribut summary
. summary
en fonction du type de tableau (pour un tableau de mise en forme: summary="" et pour un tableau de données : le contenu du summary
doit donner la fonction et la structure du tableau).summary
est rempli par du texte, Jaws lira son contenu juste après avoir indiqué le tableau, son nombre de lignes et de colonnes et le mot "sommaire".C'est le développeur HTML qui va implémenter ce critère. Tandis que le rédacteur veillera à la pertinence du texte associé à cet attribut.
Chaque balise TABLE
doit contenir l'attribut summary
renseigné ou non selon le tableau :
summary
doit être vide : <table summary="">
summary
doit être renseigné. Il doit signaler la fonction et la structure du tableau. Il faut faire attention à ne pas donner un long summary
.<table>
<tr>
<td>espace pour le menu principal</td>
<td>contenu 1</td>
<td>contenu 2</td>
</tr>
</table>
<table>
<tr>
<td>item 1</td>
<td> item 2</td>
<td> item 3</td>
</tr>
<tr>
<td><img src="item1.gif" class="nav" alt="" /></td>
<td><img src="item2.gif" class="nav" alt="" /></td>
<td><img src="item3.gif" class="nav" alt="" /></td>
</tr>
</table>
<table summary="températures de la semaine en fonction de la ville">
<caption>températures de la semaine en fonction de la ville</caption>
<!-- ligne 1: entête des colonnes, ville + les 5 premiers jours -->
<thead>
<tr>
<th id="ville">ville</th>
<th id="lundi">lundi</th>
<th id="mardi">mardi</th>
<th id="mercredi">mercredi</th>
<th id="jeudi">jeudi</th>
<th id="vendredi">vendredi</th>
</tr>
</thead>
<tbody>
<!-- ligne 2: nom de la ville, données corespondantes -->
<tr>
<td headers="ville" id="paris">paris</td>
<td headers="paris lundi">10°</td>
<td headers="paris mardi">8°</td>
<td headers="paris mercredi">10°</td>
<td headers="paris jeudi">12°</td>
<td headers="paris vendredi">10°</td>
</tr>
<!-- ligne 3: nom de la ville, données corespondantes -->
<tr>
<td headers="ville" id="toulouse">toulouse</td>
<td headers="toulouse lundi">13°</td>
<td headers="toulouse mardi">11°</td>
<td headers="toulouse mercredi">12°</td>
<td headers="toulouse jeudi">14°</td>
<td headers="toulouse vendredi">12°</td>
</tr>
<!-- ligne 4: nom de la ville, données corespondantes -->
<tr>
<td headers="ville" id="strasbourg">strasbourg</td>
<td headers="strasbourg lundi">7°</td>
<td headers="strasbourg mardi">5°</td>
<td headers="strasbourg mercredi">6°</td>
<td headers="strasbourg jeudi">8°</td>
<td headers="strasbourg vendredi">7°</td>
</tr>
</tbody>
</table>
<table summary="">
<tr>
<td>espace pour le menu principal</td>
<td>contenu 1</td>
<td>contenu 2</td>
</tr>
</table>
<table summary="menu principal">
<tr>
<td>item 1</td>
<td> item 2</td>
<td> item 3</td>
</tr>
<tr>
<td><img src="item1.gif" class="nav" alt="" /></td>
<td><img src="item2.gif" class="nav" alt="" /></td>
<td><img src="item3.gif" class="nav" alt="" /></td>
</tr>
</table>
<table summary="température des 5 premiers jours de la semaine pour les villes de Paris, Toulouse et Strasbourg">
<caption>températures de la semaine en fonction de la ville</caption>
<!-- ligne 1: entête des colonnes, ville + les 5 premiers jours -->
<thead>
<tr>
<th id="ville">ville</th>
<th id="lundi">lundi</th>
<th id="mardi">mardi</th>
<th id="mercredi">mercredi</th>
<th id="jeudi">jeudi</th>
<th id="vendredi">vendredi</th>
</tr>
</thead>
<tbody>
<!-- ligne 2: nom de la ville, données corespondantes -->
<tr>
<td headers="ville" id="paris">paris</td>
<td headers="paris lundi">10°</td>
<td headers="paris mardi">8°</td>
<td headers="paris mercredi">10°</td>
<td headers="paris jeudi">12°</td>
<td headers="paris vendredi">10°</td>
</tr>
<!-- ligne 3: nom de la ville, données corespondantes -->
<tr>
<td headers="ville" id="toulouse">toulouse</td>
<td headers="toulouse lundi">13°</td>
<td headers="toulouse mardi">11°</td>
<td headers="toulouse mercredi">12°</td>
<td headers="toulouse jeudi">14°</td>
<td headers="toulouse vendredi">12°</td>
</tr>
<!-- ligne 4: nom de la ville, données corespondantes -->
<tr>
<td headers="ville" id="strasbourg">strasbourg</td>
<td headers="strasbourg lundi">7°</td>
<td headers="strasbourg mardi">5°</td>
<td headers="strasbourg mercredi">6°</td>
<td headers="strasbourg jeudi">8°</td>
<td headers="strasbourg vendredi">7°</td>
</tr>
</tbody>
</table>
Un mauvais résumé de tableau (format mp3, 60 ko)
Un résumé de tableau de données pertinent (format mp3, 90 ko)