Guides pratiques

Publier des tableaux de données lisibles et accessibles

Un tableau relie des valeurs à des lignes et à des colonnes. Il permet de comparer des offres, des mesures ou des caractéristiques. Sa qualité dépend autant des données que de la structure : le lecteur doit comprendre ce que chaque valeur signifie et quelles limites accompagnent la comparaison.

Voir la méthode

Ordinateur portable, téléphone et carnet ouverts sur une table blanche
Illustration

Définir unités, périmètre et valeurs absentes

Donnez un titre qui précise le sujet, la période et le périmètre lorsque nécessaire. Écrivez les unités dans les en-têtes ou près des valeurs. Pour des prix, distinguez ce qui est inclus et les conditions de comparaison. Pour une donnée absente, choisissez une mention explicite plutôt qu’un zéro qui pourrait être interprété comme une mesure.

Un même tableau doit comparer des choses comparables. Une valeur mensuelle et une valeur annuelle demandent une conversion expliquée ou des colonnes séparées. Si certaines offres reposent sur un devis, indiquez-le. Le tri ne doit pas produire un classement prétendument précis à partir de données de nature différente.

Relier les cellules à leurs en-têtes

Les tutoriels de tableaux W3C recommandent une structure de données avec des cellules d’en-tête. Le cas d’un en-tête simple utilise les relations de ligne ou de colonne pour rendre le sens des valeurs compréhensible. Réduisez les regroupements complexes quand une structure plus simple suffit.

Un tableau de consultation peut contenir des liens et des boutons sans devenir une grille applicative complète. Un composant de type grille, avec sélection ou édition de cellules, nécessite un comportement supplémentaire. N’adoptez pas ce modèle uniquement pour ajouter une couleur à une ligne ou un bouton de tri.

Prévoir tri, mobile et export

Si une colonne se trie, indiquez la colonne active et le sens du tri. Testez les nombres, les dates et les valeurs manquantes : un tri textuel peut placer 100 avant 20. Gardez le contexte des lignes après une action et expliquez si seules les données de la page courante sont exportées.

Sur mobile, comparez un défilement local annoncé à une présentation en fiches qui conserve les noms de champs. Ne réduisez pas tout le texte jusqu’à le rendre difficile à lire. Les tableaux nécessitant une lecture en deux dimensions disposent d’un traitement spécifique dans le critère de redistribution, sans dispenser de rendre la page autour lisible.

Exemple : comparer des offres d’hébergement

Exemple pédagogique : un tableau présente stockage, sauvegarde, prix et conditions de restauration. Une offre sans tarif public porte « Sur devis ». Le prix est trié uniquement quand la période et le périmètre sont équivalents. Un export reprend les unités et les mentions ; sa recette vérifie que la valeur absente ne devient pas zéro dans le fichier.

Contenu mis à jour le 7 octobre 2026

Matrice de recette à adapter au projet

Ces contrôles proposés utilisent des cas fictifs. Décidez du comportement attendu avec l’équipe, notez le résultat et attribuez les écarts non résolus avant publication.

Faites défiler le tableau horizontalement pour lire toutes les colonnes. Au clavier, placez le focus sur le tableau puis utilisez les flèches.

Cas de test, résultats attendus et preuves utiles
CasRésultat attenduPreuve à conserver
Lecture d’une celluleLa ligne, la colonne et l’unité sont identifiablesEn-têtes annoncés et valeur
Tri numériqueOrdre et valeurs absentes sont cohérentsPetit jeu de données attendu
Petit écranLes données restent lisibles et atteignablesDéfilement ou fiches vérifiés
ExportLe périmètre et les unités sont conservésComparaison tableau et fichier

Questions fréquentes

Peut-on remplacer le tableau par une image ?

Une image seule ne permet pas la même lecture ni la copie des valeurs. Conservez des données textuelles structurées et une explication lorsque la comparaison est importante.

Une case vide et zéro signifient-ils la même chose ?

Non. Une case vide peut indiquer une donnée inconnue, non applicable ou manquante. Définissez ces états et ne les fusionnez pas avec une mesure nulle.

Faut-il toujours afficher toutes les colonnes sur téléphone ?

Les données nécessaires doivent rester accessibles. Vous pouvez proposer un choix de colonnes ou une vue détaillée, avec des intitulés qui préservent leur sens.