Aide:Scope
Les en-têtes permettent aux lecteurs d’écran utilisés par les internautes malvoyants de restituer la structure logique d’un tableau : les informations données par les cellules d’en-tête pourront être rappelées par le logiciel lorsque l’utilisateur se déplace dans le reste du tableau, afin qu’il puisse comprendre la signification des différentes données. Mais pour cela, il est indispensable que leur attribut scope soit présent : seul celui-ci permet au lecteur de différencier un en-tête de ligne (scope="row") et un en-tête de colonne (scope="col").
Pour créer des en-têtes en syntaxe Wiki, on utilise le point d’exclamation à la place de la barre verticale :
! titre2 !! titre3
Avec l'attribut scope (attention : le séparateur entre attributs et contenu d’une cellule reste la barre verticale) :
!scope="col" attributs| titre1 !scope="col" attributs| titre2 !scope="col" attributs| titre3
Ou à l’horizontale :
!scope="col" attributs| titre1 !!scope="col" attributs| titre2 !!scope="col" attributs| titre3
Si la première rangée doit être interprétée comme une rangée d’en-tête :
| Résultat affiché | Codage Wiki | Codage HTML | ||||
|---|---|---|---|---|---|---|
|
{| class="wikitable-center"
|-
!scope="col"| Titre 1
!scope="col"| Titre 2
|-
| cellule 1 || cellule 2
|}
|
<table class="wikitable-center"> <tr> <th scope="col">Titre 1</th> <th scope="col">Titre 2</th> </tr> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> </table> |
Attention, pour faire des en-têtes de rangées, il n’est pas possible d’utiliser la seule forme horizontale du code Wiki. Sinon, le style d’en-tête se propage sur toutes les cellules mentionnées dans la même ligne :
| Résultat affiché | Codage Wiki | Codage HTML | ||
|---|---|---|---|---|
|
{| class="wikitable-center"
|-
!scope="row"| Titre ligne || Cellule 1
|}
|
<table class="wikitable-center" <tr> <th scope="row">Titre ligne</th><th>Cellule 1</th> </tr> </table> | ||
|
{| class="wikitable-center"
|-
!scope="row"| Titre ligne
| Cellule 1
|}
|
<table class="wikitable-center"> <tr> <th scope="row">Titre ligne</th><td>Cellule 1</td> </tr> </table> |
Dans le cas de tableaux complexes comportant des en-têtes qui ne s’appliquent pas à la totalité d’une rangée ou d’une colonne, l’attribut scope= doit être remplacé par la combinaison des attributs id="" (dans les cellules d’entête) et headers="" (dans les cellules de données). Voir à ce sujet Wikipédia:Atelier accessibilité.
Voir aussi
- Tableau pour débutant pour découvrir comment on crée un tableau
- Tableau pour initiés pour comprendre comment on crée un tableau
- Tableau pour expert Toutes les fonctions possibles « pas à pas ».
- Feuilles de style
Articles connexes
