Aide:Scope

De WikiGenWeb
Aller à : navigation, rechercher

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
Titre 1 Titre 2
cellule 1 cellule 2
{| 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
Titre ligne Cellule 1
{| 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>
Titre ligne Cellule 1
{| 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

Articles connexes




Valid-xhtml10.png