Accessibilité : Les tableaux complexes

1-Tableaux complexes

Un tableau complexe de données est un tableau de données comportant plus d'une ligne ou plus d'une colonne d'en-tête ou un tableau dont les cellules de données font référence à plus de deux cellules d'en-tête.

Exemple d'un tableau complexe de données :

Année N Année N+1
M€ % M€ %
Étude 1 Coûts initiaux 3 75 2 20
Coûts récurrents 1 25 8 80
Total 4 100 10 100
Étude 2 Coûts initiaux 3 60 9 45
Coûts récurrents 2 40 11 55
Total 5 100 20 100
Totaux Coûts initiaux 6 67 11 37
Coûts récurrents 3 33 19 63
Total 9 100 30 100

Problème

La mise en accessibilité d'un tableau complexe de données dans une page web n'est pas une chose aisée. La lecture d'un tel tableau même accessible n'est pas facile.

Un tableau complexe de données est-il vraiment nécessaire?

Pour que l'information présentée soit davantage accessible et compréhensible pour l'utilisateur et pour faciliter la mise en accessibilité, on peut de recourir à d'autres solutions d'affichage qu'un tableau complexe de données.

Première solution : remplacer un tableau complexe par des tableaux simples.

Un tableau complexe peut être présenté en plusieurs tableaux simples selon différentes logiques.

À titre indicatif et à partir de l'exemple précédent, il pourrait y avoir au moins trois possibilités :

Présentation de tableaux par simple par étude

Coûts annuels de l'étude 1
Année N Année N+1
Coûts initiaux 3 M€ (75%) 2 M€ (20%)
Coûts récurrents 1 M€ (25%) 8 M€ (80%)
Totaux 4 M€ (100%) 10 M€ (100%)
Coûts annuels de l'étude 2
Année N Année N+1
Coûts initiaux 3 M€ (60%) 9 M€ (45%)
Coûts récurrents 2 M€ (40%) 11 M€ (55%)
Totaux 5 M€ (100%) 20 M€ (100%)
Coûts annuels des études
Année N Année N+1
Coûts initiaux 4 M€ (44%) 10 M€ (33%)
Coûts récurrents 5 M€ (56%) 20 M€ (67%)
Totaux 9 M€ (100%) 30 M€ (100%)

Présentation de tableaux simple par étude par type de coûts

Dépenses initiales des études
Année N Année N+1
Coûts initiaux 3 M€ (50%) 2 M€ (18%)
Coûts récurrents 3 M€ (50%) 9 M€ (82%)
Totaux 6 M€ (100%) 11 M€ (100%)
Dépenses supplémentaires des études
Année N
M€ (%)
Année N+1
M€ (%)
Étude 1 1 M€ (33%) 8 M€ (42%)
Étude 2 2 M€ (67%) 11 M€ (58%)
Coûts totaux 3 M€ (100%) 19 M€ (100%)
Coûts des études
Année N
M€ (%)
Année N+1
M€ (%)
Étude 1 4 M€ (44%) 10 M€ (33%)
Étude 2 5 M€ (56%) 20 M€ (67%)
Coûts totaux 9 M€ (100%) 30 M€ (100%)

Deuxième solution : aplanir les en-têtes de lignes et de colonnes.

Année N
(M€ et %)
Année N+1
(M€ et %)
Coûts initiaux Étude 1 3 75 2 20
Coûts récurrents Étude 1 1 25 8 80
Coûts totaux Étude 1 4 100 10 100
Coûts initiaux Étude 2 3 60 9 45
Coûts récurrents Étude 2 2 40 11 55
Coûts totaux Étude 2 5 100 20 100
Coûts initiaux totaux 6 67 11 37
Coûts récurrents totaux 3 33 19 63
Coûts totaux 9 100 30 100

Troisième solution : utiliser les liste à puces

Voici deux possibilités de présentation parmi plusieurs, selon la logique qu'il est souhaitable de faire ressortir :

Année N

Année N+1

ou encore

Étude 1

Étude 2

Coûts totaux

Remarque : une personne avec une formation adéquate consacre environ 15 minutes pour coder et vérifier la qualité du code du tableau complexe. Pour la présentation sous forme de liste, le travail équivalent nécessite seulement 5 minutes et les risques d'erreur sont moindres.

2-Les tableaux complexes dans un document PDF

Un tableau de données doit comporter des cellules d'en-têtes de ligne ou de colonne détectables par les technologies d'adaptation informatiques, ou offrir l'une des possibilités suivantes :

Un tableau complexe de données doit comporter une association explicite entre les cellules de données et les cellules d'en-tête qui est détectable par les technologies d'adaptation informatiques, ou offrir l'une des possibilités prévues au paragraphe précédent;

Les données principales ou la synthèse d'un tableau peuvent être présentés dans le corps du texte avant ou après le tableau, comme un texte de remplacement du tableau ou en annexe au document avec un hyperlien y conduisant placé immédiatement après le tableau.

Les exemples qui suivent le tableau suivant sont présentés comme équivalent à ce tableau.

Rappport des frais de voyage
Nice 25 août 37 € 112 45 €
26 août 27 € 112 45 €
total partiel 64 € 224 90 € 378 €
Cannes 27 août 96 € 109 36 €
28 août 35 € 109 36 €
total partiel 131 € 218 72 € 421 €
Compilation total global 195 € 442 162 € 799 €

Exemple de données principales ou de synthèse avec analyse des données (en utilisant le tableau précédent)

Ce rapport des frais de voyage indique que le déplacement à Nice a coûté 378 € et celui à Cannes a coûté 421 €. Au total, les frais de voyage se chiffrent à 799 €. Les frais d'hôtel et de transport sont toutefois un peu plus élevés pour le déplacement à Nice (224 € et 90 €) comparativement à ceux du déplacement pour Cannes (218 € et 72 €). Cette tendance est toutefois inversée pour les frais de repas puisque les repas à Cannes ont coûté 131 € alors que les repas à Nice sont de seulement à 64 €. Si ce n'était des repas, ce serait le déplacement à Nice qui aurait été le plus coûteux.

Exemple d'information restructurée de façon linéaire dans une logique de lecture par ligne (en utilisant le tableau précédent).

Lorsque l'auteur du tableau ne peut en fournir une analyse, il est possible de restructurer l'information de façon linéaire. Il faut toutefois choisir une logique de lecture par ligne ou par colonne. Par exemple :

Rapport des frais de voyage

  • Nice, 25 août, repas 37 €, hôtel 112 €, transport 45 €.
  • Nice, 26 août, repas 27 €, hôtel 112 €, transport 45 €.
  • Nice, total partiel, repas 64 €, hôtel 224 €, transport 90 €, total 378 €.
  • Cannes, 27 août, repas 96 €, hôtel 109 €, transport 36 €.
  • Cannes, 28 août, repas 35 €, hôtel 109 €, transport 36 €.
  • Cannes, Total partiel, repas 131 €, hôtel 218 €, transport 72 €, total 421 €.
  • Compilation : Total global, repas 195 €, hôtel 442 €, transport 162 €, total 799 €.

3-Plus loin...

Que faire avec un tableau extrêmement complexe ?

Il y a des situations où un tableau extrêmement complexe ne peut être simplifié au complet.

Dans un tel cas, il est suggéré de procéder à toutes les simplifications possibles.