Test your Department's existing public data visuals and dashboards.
Are you able to get into your public dashboard using a keyboard?
Would a user know the keyboard strokes (are they standard strokes)?
Is the tab order correct? (the order you move from one visual to the next)
If you used a keyboard and not a mouse, could you get all the same information and functionality?
Install a screen reader. If you use google chrome, you can easily install ChromeVox. If you are using Windows 10 you can use the built in Narrator application.
Using your keyboard with the screen reader, can you get all the same information and functionality a sighted user has access to?
Can you read the data and understand the key trends?
Can you interact with the dashboard easily?
Are any filters, buttons, or graphs too tiny to read or press?
Thoughtful design and accessibility is critical to visualizing and publishing data. Grounding your work in your users and prioritizing accessibility will make your visuals more enjoyable for everyone.
During the City’s COVID Response, a team of analysts built over 40 public dashboards. Getting all the dashboards published in only a few months was a huge feat. However, user testing of the dashboards with residents uncovered serious gaps.
Residents complained of poorly sized dashboards when accessing via mobile phones.
Some of the visuals were so complicated, users felt overwhelmed or frustrated.
Most troubling, the dashboards were not accessible at all to residents who used a screen reader or a keyboard to navigate.
This is how someone using a screen reader experienced our dashboards.
All of this meant pain for our users, in an already incredibly painful and scary time for the City.
After much research and working with experts, we implemented changes that resulted in simpler, more accessible, and mobile friendly dashboards. Here is the same dashboard with the results of our changes.
There is more work to be done. Nonetheless, this guidance and our learnings have helped us come a long way. By sharing this guidance and template, we hope you are able to avoid our mistakes to make more clear and easy-to-use visuals.