Tips for improving the accessibility of data visualizations
Choose the right visualization design and layout
Select a visualization type that best represents your data. Ensure that it's easy to interpret for users who may be unfamiliar with your dataset. Be aware of accessibility barriers caused by highly dynamic widgets, animations, and other interactions.
Understand the capabilities of your authoring tool
Different tools provide different levels of support for accessible data visualization. The accessibility of visual data is largely dependent on the expertise of developers and designers to understand the capabilities of their chosen platform. Accessibility features such as ALT text for images, well-labeled interactive controls, accessible color palettes, and keyboard operability can provide a more inclusive and accessible experience for some users.
Note: even after using the tools in your chosen platform, it is likely that you will need to provide alternate content to ensure equitable access for the broadest audience.
Describe and summarize the visualization
Make sure your users have the information they need to effectively read and interact with the visualization. Provide a text overview of the data. Include a descriptive title, a summary of the information, including trends or conclusions, links to table data and other information to orient the user. If your data visualization is interactive, include instructions on using any filters, queries, or other interactive elements.
Provide ALT text for visual elements
Include descriptive alt text for images, charts, and other non-text elements. This allows screen readers to narrate the content to visually impaired users. Be detailed but concise in your descriptions. For complex visualizations, your alt text might consist of a summary and a link to a lengthier description.
Be aware of your color contrast
Insufficient contrast, such as yellow text on a white background, can make it difficult for your users to read and understand your data. Use a tool like the Color Contrast Analyser to ensure that your background and foreground colors combine for a clear and legible presentation.
Ensure your visualization can be used without a mouse
Make sure the data visualization is keyboard operable. Users should be able to navigate through the data visualization and easily recognize and activate any controls, form fields, filters, or other interactive elements. Arrange your elements in a logical tab or keyboard order to reflect the meaning of your visualization. Before you publish your visualization, unplug your mouse and use your tab, enter, and spacebar keys to navigate your application and activate any forms, filters, or other controls.
Present data in multiple formats
Even when you carefully plan for accessibility, it’s likely you will need to provide your data in additional formats to ensure access to all. Provide a text overview of the visualization, including a descriptive title, a summary of the information, links to source data, explanations of trends or other findings, and other information to orient the user. Include data tables alongside your visualizations to provide a structured, tabular representation of the data.
As with other digital information, be certain your alt formats are accessible. In particular, ensure tables have appropriate headers and summaries and that supporting content is presented in well-formed and structured text.
Learn more about accessibility and data visualization
The following websites offer a wealth of information about accessibility and data visualization.
University of Washington: Data Viz Accessibility in 2021
University of Wisconsin: Accessible Data Visualizations
Harvard University: Data Visualizations, Charts, and Graphs
MIT: Making data visualizations more accessible
Smashing Magazine: An Accessibility-First Approach to Chart Visual Design
Digital.gov: Data Visualizations
Sarah L. Fossheim: An Intro to Designing Accessible Data Visualizations