Tableaux complexes sans problème : cellules d'en-tête et lignes récapitulatives dans les tableaux de données

Un tableau de données simple, avec une seule ligne d'en-têtes de colonnes en haut, est relativement simple à rendre accessible. Le vrai problème commence avec les tableaux complexes : ceux avec des en-têtes dans les colonnes et les lignes, des cellules fusionnées ou des lignes récapitulatives. Cet article explique comment baliser les en-têtes de tableau afin qu'un lecteur d'écran « comprenne », pour chaque cellule, quels en-têtes s'y appliquent, sans perdre le contexte.

Pourquoi TH est différent de TD

Dans un tableau HTML ou un PDF balisé, chaque cellule a l'un des deux types de rôle suivants : TH (en-tête de tableau) ou TD (données de tableau – une cellule de données standard). La différence n'est pas nécessairement visuelle - une cellule d'en-tête et une cellule de données peuvent avoir un style identique - elle est sémantique : TH indique au lecteur d'écran "il s'agit d'un en-tête qui explique ce que signifient les données en dessous ou à côté". Sans balisage correct, un lecteur d'écran se déplace dans le tableau ligne par ligne comme si toutes les cellules étaient égales, et il est facile de perdre complètement la trace des données qui appartiennent à quelle catégorie.

Quand la portée est suffisante et quand vous en avez besoin de plus

Pour la plupart des tables, vous ajoutez unportéeattribut à chaque cellule TH pour indiquer s'il s'agit d'un en-tête de colonne (scope="col") ou un en-tête de ligne (scope="row"). Lorsqu'un lecteur d'écran atteint une cellule de données, il annonce automatiquement à la fois l'en-tête de colonne et l'en-tête de ligne concernés. Ainsi, l'utilisateur entend, par exemple, « 1 200 – Ventes, T1 » au lieu d'un simple « 1 200 » isolé.

Pour les tableaux particulièrement complexes, avec plus de deux niveaux d'en-têtes (par exemple, un super-en-tête qui regroupe plusieurs sous-colonnes), la portée seule n'est pas toujours suffisante. Dans ces cas, utilisez la paire d'attributs id et headers : donnez à chaque cellule d'en-tête un identifiant unique, et dans chaque liste de cellules de données, dans l'attribut headers, tous les identifiants d'en-tête qui lui sont pertinents. Cette méthode est plus flexible mais aussi plus complexe et sujette aux erreurs : réservez-la aux cas qui en ont vraiment besoin.

Lignes de résumé et plusieurs en-têtes

Une ligne récapitulative au bas d'un tableau ("Total", "Moyenne") est elle-même une sorte d'en-tête : il est généralement approprié de marquer la cellule totale elle-même comme TH avec scope="row", afin qu'un lecteur d'écran la distingue d'une ligne de données normale. De même, un tableau avec un super-en-tête regroupant plusieurs colonnes (par exemple, « Ventes 2026 » couvrant « T1 », « T2 ») nécessite une utilisation correcte ducolspanavec la portée, de sorte que le regroupement hiérarchique soit également conservé lors de la lecture à haute voix.

À quoi cela ressemble en pratique dans Word et PDF

Dans Word, l'utilisation de l'outil standard « Insérer ▸ Tableau » et la vérification de « Ligne d'en-tête » dans la conception de tableau créent la base correcte, qui s'exporte automatiquement au format PDF au format TH dans la plupart des cas. Dans Acrobat, après avoir exporté depuis Word et effectué une vérification d'accessibilité, il vaut la peine d'ouvrir l'arborescence des balises et de confirmer que les cellules d'en-tête ont bien été marquées comme TH et non comme TD standard - il s'agit d'une erreur d'exportation courante qu'il est facile de manquer.