« Le langage HTML/Tableaux » : différence entre les versions
Contenu supprimé Contenu ajouté
Accessibilité aux malvoyants |
|||
Ligne 241 :
summary="La table indique, pour chaque mois de l'année,
la longueur de ce mois
en jours et en heures" >
<caption> Longueur des mois </caption>
Ligne 255 ⟶ 254 :
<tr>
<th> Durée en jours </th>
<td headers="
<th headers="col3"> 28 ou 29 </td>
<th headers="col4"> 31 </td>
Ligne 262 ⟶ 261 :
<tr>
<th> Durée en heurrs </th>
<td headers="
<td headers="col3"> 672 ou 696 </td>
<td headers="col4"> 744 </td>
Ligne 268 ⟶ 267 :
</table>
Notons que l'en-tête peut aussi bien se trouver sur la première colonne de la ligne, mais cela ne pose en général pas de problème : puisque les données suivent l'en-tête, on associe facilement l'en-tête aux données, l'utilisation de <code>id</code> et <code>headers</code> est superflue.
S'il n'y a pas d'ambiguïté, et notamment pas de fusion de cellule, on peut utiliser l'attribut <code>scope</code> dans la balise
Dans le cas d'un en-tête de colnne, on utilisera <code>scope="col"</code> et pour un en-tête de ligne, on utilisera <code>scope="row"</code> dans la balise <code>td</code> de la première cellule.
Si la personne veut lire directement le contenu d'une cellule, alors la ligne n'est plus lue en entier, on perd l'information de l'en-tête de ligne. Il peut donc être intéressant d'utiliser <code>scope="col"</code> et <code>scope="row"</code> conjointement.
<code>th</code>, on ne définit alors pas d'identifiant :
<table
border="1"
summary="La table indique, pour chaque mois de l'année,
la longueur de ce mois
en jours et en heures" >
<caption> Longueur des mois </caption>
<tr>
<td> </td>
<th scope="col"> Janvier </th>
<th scope="col"> Février </th>
<th scope="col"> Mars </th>
</tr>
<tr>
<th scope="row" abbr="jours"> Durée en jours </th>
<td> 31 </td>
<td> 28 ou 29 </td>
<td> 31 </td>
</tr>
<tr>
<th scope="row" abbr="heures"> Durée en heures </th>
<td> 744 </td>
<td> 672 ou 696 </td>
<td> 744 </td>
</tr>
</table>
L'attribut <code>abbr</code> utilisé ci-dessus permet de raccourcir le texte lu par la suite.
| |||