Accessibilité des graphiques et diagrammes
Fournir un résumé textuel de la visualisation, en veillant à décrire les tendances ou les motifs dans la visualisation.
Fournir un résumé textuel sert plusieurs objectifs. Tout d'abord, cela offrira un format alternatif pour consommer les données pour les utilisateurs qui trouvent la visualisation déroutante ou distrayante.
Deuxièmement, cela fournira aux utilisateurs non visuels une description des tendances et des motifs qui peuvent autrement être difficiles à déterminer. Cela constitue une solution de secours de base pour les utilisateurs au cas où le reste de la visualisation serait inaccessible.
De plus, une description textuelle est souvent facilement indexée par les moteurs de recherche, ce qui aide à obtenir un meilleur classement dans les résultats de recherche pour le contenu.
Rendre les données disponibles dans un format de tableau accessible.
Rendre les données disponibles dans un format de tableau accessible sert des objectifs similaires à ceux du résumé textuel. Pour un utilisateur non visuel, cela peut être un moyen familier de naviguer dans un ensemble de données, et même certains utilisateurs visuels peuvent trouver qu'un tableau de données est un format plus facile à comprendre.
Certains moteurs de recherche peuvent utiliser le contenu des tableaux de données pour présenter un extrait en vedette dans les résultats de recherche, ce qui conduit à un classement élevé.
Si vous pouvez également rendre la visualisation graphique elle-même accessible, c'est encore mieux.
Assurez-vous d'un contraste et d'une séparation suffisants entre les éléments de la visualisation.
Les directives W3C WCAG 2.1 recommandent un rapport de contraste de 3:1 pour les éléments grands et non textuels. Le texte plus petit doit avoir un rapport de contraste de 4,5:1 par rapport à son arrière-plan.
Ne vous fiez pas uniquement à la couleur pour transmettre des informations, et assurez-vous que les couleurs utilisées peuvent être distinguées par des personnes ayant diverses formes de daltonisme.
Les étiquettes de données, les symboles, les annotations et les infobulles sont des moyens courants de transmettre des informations supplémentaires dans les visualisations sans se fier à la couleur. De plus, des présentations alternatives – comme un tableau de données accessible – peuvent être utiles. Il est toujours conseillé d'utiliser la couleur comme complément à ces techniques ; cela peut rendre les visualisations plus faciles à comprendre et, dans de nombreux cas, plus accessibles.
Assurez-vous que le texte est lisible.
Le petit texte est généralement plus difficile à lire et doit être évité autant que possible. Envisagez d'utiliser des abréviations courantes pour permettre un texte plus grand. Assurez-vous que le texte n'est pas obstrué par d'autres éléments du graphique et qu'il a un contraste suffisant par rapport à son arrière-plan.
Privilégiez un langage simple et compréhensible.
Par langage simple, nous entendons un langage qui vise à être aussi clair et simple que possible, évitant un langage verbeux et compliqué, et minimisant l'utilisation de jargon.
Privilégiez des visualisations simples et familières plutôt que des nouveautés complexes.
Pour les utilisateurs ayant certaines déficiences cognitives, les visualisations complexes peuvent être particulièrement difficiles. Si vous utilisez une visualisation complexe ou nouvelle, assurez-vous qu'elle est accompagnée d'une description textuelle, pour garantir que les utilisateurs comprennent ce que la visualisation est censée transmettre et comment l'interpréter.
Rendez les visualisations interactives accessibles au clavier.
L'accessibilité au clavier est une exigence évidente pour les visualisations de données interactives. Bien que de nombreux utilisateurs ayant des déficiences motrices utilisent des technologies d'assistance autres que des claviers, ces outils imitent souvent le comportement du clavier. Cela signifie que les interactions accessibles aux utilisateurs uniquement au clavier sont en réalité accessibles à un large éventail d'utilisateurs ayant des besoins différents.
Si vous utilisez des animations ou des mouvements dans la visualisation qui peuvent être distrayants, permettez à l'utilisateur de les désactiver, et respectez la fonctionnalité CSS "prefers-reduced-motion" lorsque cela est pertinent.
Certains utilisateurs, par exemple ceux ayant des troubles vestibulaires, peuvent ressentir des nausées ou des distractions à cause de contenus animés. Les utilisateurs ayant certaines déficiences cognitives peuvent également être distraits ou confus par le mouvement.
Assurez-vous que la visualisation est réactive aux différentes tailles d'écran et niveaux de zoom.
La réactivité dans le design web moderne est cruciale, tant en raison de la variété accrue des formats d'écran utilisés aujourd'hui que pour l'accessibilité. Les utilisateurs malvoyants, en particulier, navigueront souvent avec une taille de texte augmentée, utiliseront des feuilles de style personnalisées ou feront usage du zoom du navigateur en naviguant sur le web. Cela signifie que le contenu doit se réorganiser pour éviter le défilement horizontal, le clipping ou le chevauchement des éléments.