Accessibilité : Les tableaux complexes
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
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%) |
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%) |
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
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%) |
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%) |
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
- Étude 1
- Coûts initiaux de 3 M€ (75 %)
- Coûts récurrents de 1 M€ (25 %)
- Coûts totaux de 4 M€ (100 %)
- Étude 2
- Coûts initiaux de 3 M€ (60 %)
- Coûts récurrents de 2 M€ (40 %)
- Coûts totaux de 5 M€ (100 %)
- Coûts totaux
- Coûts initiaux de 6 M€ (67 %)
- Coûts récurrents de 3 M€ (33 %)
- Coûts totaux de 9 M€ (100 %)
Année N+1
- Étude 1
- Coûts initiaux de 3 M€ (75 %)
- Coûts récurrents de 1 M€ (25 %)
- Coûts totaux de 4 M€ (100 %)
- Étude 2
- Coûts initiaux de 3 M€ (60 %)
- Coûts récurrents de 2 M€ (40 %)
- Coûts totaux de 5 M€ (100 %)
- Coûts totaux
- Coûts initiaux de 6 M€ (67 %)
- Coûts récurrents de 3 M€ (33 %)
- Coûts totaux de 9 M€ (100 %)
ou encore
Étude 1
- Année N
- Coûts initiaux de 3 M€ (75 %)
- Coûts récurrents de 1 M€ (25 %)
- Coûts totaux de 4 M€ (100 %)
- Année N+1
- Coûts initiaux de 2 M€ (60 %)
- Coûts récurrents de 8 M€ (40 %)
- Coûts totaux de 10 M€ (100 %)
Étude 2
- Année N
- Coûts initiaux de 3 M€ (60 %)
- Coûts récurrents de 2 M€ (40 %)
- Coûts totaux de 5 M€ (100 %)
- Année N+1
- Coûts initiaux de 9 M€ (60 %)
- Coûts récurrents de 11 M€ (33 %)
- Coûts totaux de 9 M€ (100 %)
Coûts totaux
- Année N
- Coûts initiaux de 6 M€ (67 %)
- Coûts récurrents de 3 M€ (33 %)
- Coûts totaux de 9 M€ (100 %)
- Année N+1
- Coûts initiaux de 11 M€ (37 %)
- Coûts récurrents de 19 M€ (33 %)
- Coûts totaux de 30 M€ (100 %)
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.
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 :
- soit, un hyperlien vers une page Web qui présente une version de ce tableau qui satisfait aux exigences de l'accessibilité d'un site Web ;
- soit, une description complète présentant les données principales ou une synthèse des données présentées dans le tableau ;
- soit, un texte de remplacement offrant une présentation de l'information restructurée de façon linéaire ;
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 €.
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.