Aller directement à l'outil English

Correcteur d'accessibilité de tableaux
Espace accessibilité (Consultation boréale)

Comment rendre un tableau HTML accessible?

Notre correcteur de tableaux vous permet de transformer gratuitement votre tableau de données HTML en un tableau accessible dont toutes les cellules de données seront explicitement reliées aux cellules d'en-tête correspondantes. Vous pouvez aussi préciser un résumé, un titre et un préfixe pour les identifiants uniques de vos en-têtes, permettant de mettre sur la même page plusieurs tableaux sans conflit.

Mode d'emploi détaillé

  1. Entrer ou copier/coller le code source de votre tableau de données (obligatoire),
  2. Indiquer le nombre de lignes d'en-tête de colonne (1 par défaut),
  3. Indiquer le nombre de colonnes d'en-tête de ligne (1 par défaut),
  4. Valider le tout en appuyant sur le bouton « Transformer »

Si votre tableau est complexe (plus de deux en-têtes de colonnes ou de lignes par cellule), vous devez fournir un résumé de la table (attribut summary de la balise table) (obligatoire)

Optionnel :

  • titre de la table (balise caption),
  • préfixe donné à tous les identifiants de balises de cellule d'en-tête, pour les rendre uniques dans la page,
  • nom de la classe CSS que vous souhaitez donner à la table (attribut class de la balise table),

Résultat

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

  • un balisage complet de tableau de données accessible,
  • l'utilisation des balises d'en-tête (th),
  • une identification unique de chaque cellule d'en-tête du tableau,
  • un lien entre les cellules et leurs éventuels en-tête 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 classes des balises tr : classe "pair" pour les lignes paires, classe "impair" pour les lignes impaires,
  • les lignes d'en-tête recoivent la classe "entete",
  • les cellules reçoivent une classe dépendante de leur colonne : "c1", "c2", etc. pour faciliter l'habillage,
  • 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 toutes les celulles. 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 alors 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 : prix_L2C3 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. Merci d'avance.

Correcteur de tableaux

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

Optionnel