EditoRelayOuvrir EditoRelay

Blog

Publier un graphique dont l’information reste accessible

Une légende lisible sur un grand écran peut devenir minuscule dans un article ouvert sur téléphone. Une valeur visible au survol peut échapper à celui qui navigue au clavier. Même après validation du dessin, la rédaction a donc encore une page à vérifier. Le graphique, sa description et les données proposées doivent permettre de retrouver la même comparaison. L’enjeu est particulièrement concret lorsque la compréhension de l’article dépend de ce visuel.

Formuler ce que le graphique permet de constater

Quelle comparaison le lecteur doit-il pouvoir faire ? La réponse sert à choisir le graphique, puis à relire ses axes et ses annotations. Une évolution et une comparaison entre catégories n’appellent pas forcément la même présentation. Écrire cette intention avant de dessiner permet aussi de voir si trop de questions ont été réunies dans une seule image.

Prenons un exemple entièrement fictif : un média compare l’évolution de la fréquentation de deux bibliothèques. Les chiffres ne seraient pas interprétables de la même façon si l’une a fermé plusieurs mois pour travaux. La rédaction peut alors décider d’expliquer cette interruption dans le graphique et dans le texte, ou de choisir une autre comparaison. Une courbe bien lisible ne résout pas une différence de périmètre laissée sans explication.

Le commentaire mérite d’être relu avec les mêmes limites que les données. Une variation observée ne suffit pas à établir sa cause ; l’explication proposée par la rédaction demande ses propres sources. Cette distinction doit rester visible dans le titre du graphique comme dans le paragraphe qui l’accompagne. La régler avant l’export évite de reprendre plusieurs fichiers si une formule trop affirmative a déjà circulé.

Donner accès à l’information quand l’image n’est pas vue

Le W3C classe les graphiques parmi les images complexes. Son guide prévoit une description courte pour identifier l’image et une description plus développée pour en transmettre les informations essentielles. Celle-ci peut notamment rendre compte des valeurs, des échelles et des relations représentées. Le guide présente plusieurs façons de placer cette description près du graphique ou de la relier à celui-ci.

Dans notre exemple fictif, « graphique des bibliothèques » identifierait vaguement le sujet, sans expliquer la comparaison. Une description courte pourrait annoncer l’évolution de leur fréquentation sur la période retenue et signaler la description détaillée disponible dans la page. Cette dernière préciserait le périmètre, les évolutions observées et l’interruption liée aux travaux, en utilisant les données réellement validées par la rédaction.

Le texte long ne doit pas devenir une interprétation plus affirmative que l’image. Si une valeur manque, il faut conserver cette absence et en expliquer le sens connu. S’il s’agit d’une estimation, cette qualité doit rester visible. Une personne qui lit la description doit retrouver les mêmes réserves que celle qui regarde la visualisation, sans recevoir une version simplifiée au point de changer l’information.

L’emplacement demande aussi une vérification concrète. Une mention « description ci-dessous » devient trompeuse si un changement de mise en page déplace ou retire le texte. Le lien éventuel doit conduire au bon contenu, et le titre de la section doit permettre de le reconnaître. Ce contrôle se fait dans l’article public ou sa prévisualisation fidèle, pas seulement dans le logiciel qui a servi à construire le graphique.

Proposer les données avec leur contexte

Ouvrir le fichier de valeurs hors de l’article constitue un bon contrôle de sa présentation. Sans la page, comprend-on les intitulés et les unités ? Dans notre exemple fictif, une cellule vide pourrait correspondre à une fermeture ou à une absence de mesure. La rédaction doit indiquer le sens retenu et distinguer ce cas d’une fréquentation réellement nulle. Le lecteur ne dispose pas des échanges internes qui rendaient le tableau évident à ses auteurs.

La copie publique des données peut comporter leur provenance et la période concernée. Avant de la joindre à l’article, un collègue doit ouvrir le fichier destiné au téléchargement : contient-il encore des notes internes ou des informations écartées de la publication ? Le dossier de travail et la ressource proposée au lecteur répondent à des usages différents.

Le guide consacré aux tableaux de données détaille leur mise en forme. Ici, le tableau éventuel sert à examiner les valeurs derrière la visualisation. Il ne remplace pas nécessairement la description de la relation que le graphique met en évidence. Une longue série de chiffres peut rester difficile à parcourir sans une explication du périmètre et des principales variations observées.

Si les données viennent d’un organisme extérieur, le lien doit conduire à la source utile, aussi précisément que possible. La date de consultation et la version retenue peuvent être conservées dans le dossier de production. En cas de mise à jour ultérieure, l’équipe saura alors si elle a modifié le graphique avec de nouvelles données ou corrigé la représentation d’un jeu déjà utilisé.

Des séries reconnaissables sans leur couleur

Le critère WCAG sur l’usage de la couleur explique que la couleur ne doit pas être le seul moyen visuel de transmettre une information. Du texte, des formes ou d’autres différences perceptibles peuvent la compléter. Pour un graphique, cela invite à examiner comment le lecteur retrouve une série lorsqu’il distingue mal les teintes choisies.

Pour les deux bibliothèques de notre exemple fictif, placer les noms près des courbes peut éviter les allers-retours vers une légende, si l’espace le permet. Des traits différents peuvent aussi aider à les distinguer. Il reste à regarder ce qu’ils deviennent dans l’article : des pointillés très fins peuvent perdre leur utilité après réduction. Le croisement des courbes et leurs valeurs proches sont les endroits à examiner de près.

Un passage en niveaux de gris peut aider la rédaction à repérer des dépendances évidentes à la couleur. Il ne suffit pas à certifier l’accessibilité. La taille du texte, la séparation des éléments et la manière de retrouver la légende demandent aussi un examen. Les couleurs de la marque peuvent rester présentes, mais elles ne doivent pas obliger le lecteur à deviner quelle courbe correspond au sujet dont parle l’article.

Le titre et les annotations ne devraient pas dépendre non plus d’une indication comme « la ligne rouge ». Nommer la bibliothèque ou la catégorie concernée conserve le sens dans la description textuelle et dans une reprise imprimée. Ce petit choix de rédaction évite de transmettre au texte une difficulté née dans le dessin.

Une image exportée perd les interactions

Un graphique interactif et une image exportée du même graphique n’offrent pas nécessairement les mêmes accès. La documentation d’accessibilité de Datawrapper décrit notamment la navigation au clavier, des descriptions alternatives et une option de téléchargement des données. Elle présente aussi des contrôles de couleurs. Ces fonctions documentées doivent être configurées et vérifiées dans l’intégration retenue ; leur existence ne valide pas automatiquement chaque article.

Une capture d’écran ne conserve pas les commandes de la visualisation. Si l’équipe choisit cette version pour le site, les informations accessibles par interaction doivent être disponibles autrement lorsqu’elles sont nécessaires. Cela peut demander une description dans la page, un tableau de valeurs ou un lien explicite vers des données préparées pour la publication. L’export doit donc être considéré comme une nouvelle version à relire.

Pour une intégration interactive, l’essai commence dans la page du média. Le graphique peut fonctionner dans l’outil d’origine et devenir difficile à utiliser dans une colonne étroite ou derrière un élément du site. La personne chargée de la vérification doit pouvoir atteindre les commandes, lire les informations affichées et continuer sa navigation dans l’article. Les problèmes observés doivent être transmis avec l’adresse de cette page et le parcours qui les reproduit.

Sur téléphone, l’essai peut commencer par la question qui a motivé le graphique. Le lecteur arrive-t-il à trouver la réponse sans souris, avec la période et l’unité nécessaires ? Une commande difficile à découvrir peut cacher une information centrale de l’article. Dans ce cas, le texte d’accompagnement peut la rendre directement accessible, tout en laissant au graphique la possibilité d’explorer davantage de détails.

La vignette sociale demande une autre relecture

Avant de programmer un relais social, il faut regarder son fichier. La version large de l’article peut avoir perdu sa légende dans la vignette. Un recadrage peut aussi retirer la période ou les unités tout en laissant intacte la courbe. Le contrôle porte alors sur une nouvelle présentation de l’information, avec ses propres risques de contresens.

Il peut être préférable de préparer une version plus simple, centrée sur une comparaison, puis de renvoyer vers la page complète. Cette simplification ne doit pas retirer la réserve qui permet d’interpréter le résultat. Dans notre exemple fictif, la fermeture pour travaux resterait un élément nécessaire si elle explique une interruption dans la série présentée. Retirer cette annotation pour gagner de la place changerait la lecture de la courbe.

Le texte du relais peut nommer le constat et indiquer où consulter les détails. Le guide pour reprendre des chiffres dans les publications sociales traite cette fidélité au périmètre. Une formulation comme « la fréquentation s’effondre » ne devrait pas remplacer une comparaison limitée à un établissement temporairement fermé. Le problème se situe dans le sens transmis, même si le pourcentage calculé est juste.

Une proposition de publication préparée par un outil doit donc être relue avec le graphique et son explication. EditoRelay permet cette relecture et la modification du texte ; il ne faut pas lui attribuer une analyse automatique des courbes ou une certification d’accessibilité. La validation éditoriale doit porter sur les éléments que le lecteur verra réellement à chaque destination.

Conserver les versions qui devront être corrigées ensemble

Garder ensemble les données retenues, le graphique du site, sa description et les exports sociaux facilite la correction suivante. Si un chiffre change, cette liste indique où rechercher ses reprises. Elle aide aussi à distinguer une erreur dans les données d’une erreur d’affichage : une légende inversée ne demande pas forcément de remplacer le fichier source, mais elle peut rendre le commentaire inexact.

Après une correction, la page entière doit être relue. Le titre, le paragraphe d’analyse et le texte alternatif peuvent encore raconter l’ancienne version. La vérification doit également porter sur le fichier téléchargeable si l’équipe en propose un. Une date de mise à jour utile correspond à une modification expliquée ; elle ne remplace pas la correction des différentes représentations.

Un dernier essai consiste à faire lire la description à un collègue avant de lui montrer le graphique. Il peut expliquer la comparaison qu’il a comprise, puis vérifier ce qu’il retrouve dans l’image. Les différences signalent des informations perdues entre les formats. Cet exercice complète les contrôles techniques ; il ne les remplace pas. Les réserves, les données et la comparaison doivent rester accessibles dans le mode de consultation choisi par le lecteur.

Sources officielles

Documents utilisés pour vérifier les points techniques de cet article.

Tester EditoRelay avec votre média

Créez votre espace, ajoutez le site du média, puis choisissez les comptes et les règles de publication utiles à votre rédaction.

Ouvrir EditoRelay