Les régles d'accessibilité (WCAG  1.0) nous demandent de créer des tableaux de données dont le contenu se lit lorsqu'ils sont linéarisés :

WCAG 1.0 : Guideline 5. Create tables that transform gracefully

S'assurer que les tableaux possèdent le marquage nécessaire pour être transformés par les fureteurs accessibles et les autres agents utilisateurs.

Notre correcteur de tableaux vous permet de transformer votre tableau de données en un tableau accessible.

Aller directement au formulaire sans lire le mode d'emploi.

Mode d'emploi

Pour cela, il vous suffit de rentrer ou copier/coller ci-dessous :

• le code source de votre tableau de données (obligatoire),
• le nom de la classe CSS que vous souhaitez donner à la table (attribut class de la balise table),
• le résumé de la table (attribut summary de la balise table) (obligatoire),
• le titre de la table (balise caption),
• un préfixe donné à tous les identifiants de balises de cellule pour les rendre uniques dans la page,
• le nombre de lignes de titre,
• le nombre de colonnes de titre.

Puis de valider le tout en appuyant sur le bouton "Transformer"

Résultat

Le code source transformé apparaîtra alors dans une nouvelle zone de texte avec :

• un balisage complet de tableau de données accessibles
• l'utilisation des balises de titre (th),
• une identification unique de chaque cellule du tableau,
• un lien entre les cellules et leurs éventuels titres de colonne (attribut headers),
• l'ajout de la classe mentionnée à la balise table,
• le remplacement du résumé (attribut summary de la balise table) par celui fourni,
• le remplacement du titre (balise caption) par celui fourni,
• l'alternance de classe des balises tr : classe "pair" pour les lignes paires, classe "impair" pour les lignes impaires,
• les lignes d'entêtes recoivent la classe "entete",
• les cellules recoivent une classe dépendante de leur colonne: "c1", "c2"...
• le balisage par thead et tbody,
• une indentation harmonieuse des balises.

Attention, les cellules fusionnées (attribut spancol et spanrow) et les tables imbriquées ne sont pas correctement prises en compte par le correcteur.

Préfixe des identifiants

Le correcteur de tableaux identifera automatiquement pour vous les balises. Pour assurer l'unicité de ces identifiants, vous pouvez choisir un préfixe qui sera placé en tête de tous ces identifiants.

Toutes les cellules recevront un identifant de la forme <préfixe>LnCm, où :

• <préfixe> est le préfixe choisi par vous-même,
• n est le numéro de la ligne (en comptant à partir de 1),
• m est le numéro de la colonne (en comptant à partir de 1).

Exemple: prixL2C3 est l'identifiant unique de la cellule de la 2ème ligne de la 3ème colonne de la table dont le préfixe est "prix".

Limite de responsabilité

Malgré tous le soin que nous avons apporté à ce service, celui-ci est offert tel quel et nous dégageons toute responsabilité quand aux conséquences de son utilisation. Si vous remarquez une erreur ou si vous avez des idées d'amélioration, faites-le nous savoir.

Correcteur de tableaux

Les champs marqués d'une astérisque (*) sont obligatoires.

Avant

Code source d'origine *

Nom de classe de la table

Résumé (attribut summary) *

Titre (balise caption)

Préfixe des IDs des cellules

Nombre de lignes de titre

Nombre de colonnes de titre