Que reste-t-il quand le visuel se rétrécit ?
Sur une page étroite, une infographie réduite comme une photographie peut rendre sa légende illisible. Essayez un découpage en plusieurs figures ou placez les données essentielles dans un tableau HTML associé. Les mêmes noms de série doivent apparaître dans le dessin, la légende et le tableau.
Comment rendre la valeur accessible sans viser un point ?
Pour le graphique des deux ateliers, le résumé peut préciser que l’atelier A est le plus lent en février, puis B en mars. Un lecteur qui cherche le chiffre exact peut ouvrir le tableau ci-dessous, y compris au clavier. Le dessin et les données restent associés quand l’écran se rétrécit.
Lire les six valeurs du graphique (minutes)
| Mois | Atelier A | Atelier B |
|---|---|---|
| Janvier | 10 | 12 |
| Février | 14 | 10 |
| Mars | 12 | 15 |
Quelle information garder dans le texte alternatif ?
Identifiez le sujet et les séries dans l’alternative courte. Près du graphique, donnez le tableau ou une description détaillée lorsque la comparaison l’exige. Un texte alternatif réduit à « graphique bleu et orange » ne donne ni la mesure ni l’unité. Voir le graphique avec ses deux styles de trait.
Une courbe interactive avec une valeur au survol
Parcourez les points au clavier. Le libellé et la valeur doivent pouvoir être obtenus sans pointer précisément une zone du graphique. Si le composant actuel ne le permet pas, proposez le tableau des valeurs et un résumé visible de la tendance près de la figure. Vérifiez que le focus reste repérable sur les deux fonds du thème.
Le W3C donne des exemples de descriptions de graphiques complexes.
Sources et méthode
Révision éditoriale : 10 novembre 2026 · Direction éditoriale : Nicolas Belotti.