FICHE
5
LES TABLES
1.Rappel des recommandations 5 et 10
des WCAG 1.0 :
Recommandation 5 :
" Assurez-vous que vos tables possèdent les balises nécessaires
pour être interprétées par les logiciels de consultation
existants et autres agents utilisateurs. "
Recommandation 10 :
" Utiliser des solutions d'accessibilité intermédiaires,
de manière à ce que les technologies d'assistance et les
anciens navigateurs fonctionnent correctement. "
Points de contrôle : 5.1
(Priorité 1) ; 5.2
(Priorité 1) ; 5.3
(Priorité 2) ;
5.4 (Priorité 2) ; 5.5
(Priorité 3) ; 5.6
(Priorité 3) ; 10.3
(Priorité 3)
Raisons de ces recommandations
On rencontre deux sortes de tableaux : les premiers sont
utilisés à des fins de mise en forme du texte ; les deuxièmes
sont utilisés pour présenter des données.
Lorsqu'une page est construite à l'aide de tableaux, la façon
dont ces tableaux sont agencés peut rendre la compréhension
de la page difficile, voir impossible, pour une personne qui n'a pas une
vue globale de cette page. C'est pourquoi certaines précautions
doivent être prises lors de la construction de telles pages.
D'autre part, certains tableaux sont complexes car ils représentent
des statistiques, des données. Ils sont également longs
à décoder lorsque l'internaute n'a pas de vision globale
du tableau. Il faut donc s'assurer que ces tableaux sont linéarisables
(lisibles ligne à ligne) ou il faut envisager une alternative afin
d'en faciliter la lecture et l'extraction d'informations.
2. Ce qu'il faut faire
La règle générale
Eviter d'utiliser des tables pour la mise en page sauf
si nécessaire. Si c'est le cas, créez des sommaires pour
les tables et n'utilisez pas de balises structurelles dans un but de formatage
visuel.
Tables utilisées pour la forme
Si les tableaux sont nécessaires pour la mise
en page, il faut qu'ils aient un sens lorsqu'ils sont déchiffrés
en mode linéaire.
Il faut utiliser les feuilles de style pour la mise en page et le positionnement
des éléments de contenu. Toutefois, lorsqu'il faut utiliser
un tableau pour la mise en page, les contenus du tableau doivent être
faciles à comprendre lorsqu'ils se transforment en une série
de paragraphes.
Il faut recourir au balisage des feuilles de style pour la mise en page,
le positionnement et le formatage du contenu des cellules. Ne pas utiliser
d'éléments de tableau qui sont destinés à
fournir une signification sémantique pour tout simplement accentuer
un texte. L'utilisation inadéquate d'éléments de
tableau, tels que l'élément <th>, peut entraîner
des résultats tout à fait inattendus chez certains dispositifs
Web.
Les tableaux de données
Il peut être utile de proposer un résumé
du contenu du tableau. Ceci est possible à l'aide de l'attribut
<summary>.
L'attribut <title> de l'élément <table> permet
également de donner une brève explication du contenu du
tableau.
Afin de permettre aux utilisateurs qui ne voient pas le tableau dans son
ensemble de mieux se repérer, il faut identifier clairement les
colonnes et les rangées du tableau. L'utilisation de balises spécifiques
dans les tableaux permettra par exemple aux synthèses vocales de
lire le titre de la colonne ou de la ligne associée à une
cellule donnée.
L'attribut " header " des éléments " td "
et " th " permet de telles associations.
Plusieurs exemples sont donnés par les techniques pour l'application
des WCAG à propos des tableaux
accessibles, et le curriculum
sur le site de WAI.
Utiliser des balises pour l'association des cellules
de données avec les cellules d'en-tête (ex : utiliser THEAD,
TFOOT, TBODY pour regrouper les lignes).
Pour clarifier la signification des données dans
les tableaux complexes (c'est-à-dire les tableaux qui ont deux
niveaux logiques ou plus d'en-tête de colonne ou de ligne), utiliser
des éléments de balisage pour associer les données
des cellules individuelles avec les en-têtes de leur rangée
et de leur colonne respectives.
Si un tableau est bien construit, il est possible d'utiliser
un outil qui permette de les linéariser. Le W3C propose un outil
appelé Tablin que l'on trouve à l'adresse :
http://www.w3.org/WAI/References/Tablin/
3.Exemples rencontrés sur les
sites évalués
retour aux fiches
|