Ensure charts are accessible for screen-readers
Problem to solve
We should ensure that the charts on our site are accessible for those using screen readers.
Proposal
Highcharts offers a number of ways to increase the accessibility of its charts, including the following dropdown menu of options:
It would be great if we could introduce some of these options to GitLab. Specifically:
- the ability to view a table version of a chart
- to download a csv/xcel version of the full data present in a chart
In addition, it would be great if we can allow users with screenreaders the option to select the number of data points they want their screenreaders to read.
Proposed Design
Add a 'more options' menu into the corner of all charts where accessibility items can live, along with some of our other chart functionality like alerts (which is currently it's own button) and "download image version of charts" (which is currently in the optional chart toolbox).
Current alerts functionality would be displayed in a model instead of the current dropdown menu:
We can also use this menu to add new ways of interacting with our charts, for instance sharing individual charts (note: we'd need to explore how this would work further, this is just an initial sketch to show the possibilities we could explore if we created a 'more options' menu on our charts):
