Utilisateur:Lgd/Aide syntaxe, accessibilité des tableaux

Un article de Wikipédia, l'encyclopédie libre.

Les tableaux mal structurés et les tableaux complexes peuvent créer d'importantes difficultés de compréhension, en particulier aux personnes mal voyantes ou aveugles qui utilisent un lecteur d'écran pour consulter les pages de Wikipédia. Plus généralement, ce sera le cas de tous ceux qui ne peuvent pas s'appuyer sur le rendu graphique du tableau pour en comprendre le contenu.

De ce point de vue, on distingue deux types de tableaux qui doivent être traités différemment:

1. les tableaux de données à simple ou double entrées, où des en-têtes de lignes et de colonnes donnent la signification des autres cellules : ils nécessitent certains ajouts syntaxiques pour être accessibles
2. les tableaux de mise en forme destinés uniquement à réaliser un effet de mise en page : ils nécessitent certaines précautions d'emploi et de forme.

Sommaire 1 Recommandations 2 Syntaxe des en-têtes de lignes et de colonnes 3 Vérifier qu'un tableau de présentation se linéarise correctement 3.1 Mauvaise pratique 3.2 Bonne pratique

[modifier] Recommandations

Pour améliorer l'accessibilité de Wikipédia, il est recommandé:

• d'utiliser la syntaxe indiquée ci-dessous (scope) pour identifier les cellules d'en-tête de lignes et de colonnes des tableaux de données.
• de donner un titre (caption, |+) à un tableau de données s'il n'est pas immédiatement précédé d'un titre de section ou d'une phrase introductive indiquant quel est son contenu.
• d'éviter dans la mesure du possible les tableaux à la structure complexe (ne pas utiliser colspan ni rowspan).
• de s'assurer que le contenu d'un tableau de mise en forme lu linéairement (de gauche à droite, ligne après ligne) reste compréhensible.
• de réduire autant que possible l'imbrication de plusieurs tableaux de mise en forme.
• de ne pas utiliser d'en-têtes de lignes ou de colonnes ni de titre caption dans un tableau de mise en forme, pour ne pas créer de tableaux hybrides mise en forme / données.

[modifier] Syntaxe des en-têtes de lignes et de colonnes

Une en-tête de colonne est la cellule qui contient le titre de toutes les autres cellules d'une colonne, sans exception. Elle devrait être écrite sous la forme:

! scope=col | Titre de la colonne

Une en-tête de ligne est la cellule qui contient le titre de toutes les autres cellules d'une ligne, sans exception. Elle devrait être écrite sous la forme:

! scope=row | Titre de la ligne

Exemple de tableau avec en-têtes de colonnes

Colonne 1	Colonne 2	Colonne 3
Contenu 1	Contenu 2	Contenu 3
Contenu 4	Contenu 5	Contenu 6

Exemple de tableau avec en-têtes de lignes

Ligne 1	Contenu 1	Contenu 2
Ligne 2	Contenu 3	Contenu 4
Ligne 3	Contenu 5	Contenu 6

Exemple de tableau avec en-têtes de colonnes et lignes

Colonne 1	Colonne 2	Colonne 3
Ligne 1	Contenu 1	Contenu 2
Ligne 2	Contenu 3	Contenu 4
Ligne 3	Contenu 5	Contenu 6

L'utilisation d'en-têtes et de l'attribut scope permet notamment aux lecteurs d'écran d'associer au contenu de chaque cellule du tableau les en-têtes nécessaire pour sa compréhension.

[modifier] Vérifier qu'un tableau de présentation se linéarise correctement

[modifier] Mauvaise pratique

Ce tableau de présentation n'est pas compréhensible quand il est linéarisé:

Image:...	Image:...
légende de l'image 1	légende de l'image 2

L'ordre linéaire de lecture du tableau est en effet: image 1 - image 2 - légende de l'image 1 - légende de l'image 2

[modifier] Bonne pratique

Ce tableau de tableau de présentation est compréhensible quand il est linéarisé:

Image:... légende de l'image 1

Image:... légende de l'image 2

L'ordre linéaire de lecture du tableau est en effet: image 1 - légende de l'image 1 - image 2 - légende de l'image 2