Day 52: Accessible Data Visualization

Gathering, interpreting, and presenting. of data in the form of graphs, charts and tables is critical. But how can we do this in a way that ensures all users can infer those valuable insights from the data?

Consider the following when designing data visualizations:

  • Don't use color alone- used shape, text, and/or pattern to support users with color blindness.
  • Use adequate color contrast for text and UI elements.
  • Label the data directly, it's faster and easier to read than a legend. Use an informative title. dash help me understand the meaning of the data.
  • Use alt text to communicate the purpose of the chart - e.g. if the chart is presented as an image, describe it and provide alternative representations and an accessible format
  • Ensure any pop ups are available using keyboard, as well as mouse - e.g. for information pop ups that might display on mouse-hover.

Have digital accessibility questions or site feedback?  Email the digital accessibility team.