[charts] Add keyboard navigation and support for screen readers

[joserodolfofreitas]

Summary

Developers don't have a comprehensive set of features and guidance for creating accessible charts for their end customers.

Features

• Keyboard navigation and support for focus management
• API to expose relevant aria attributes
• SVG aria-roles and -attributes

Resources

https://www.w3.org/wiki/SVG_Accessibility/ARIA_roles_for_charts

Benchmark

• Highcharts
• Fusioncharts
• Recharts
• Syncfusion
• (Nivo doesn't have a proper page with an accessible example, but they have the isFocusable prop that allows keyboard navigation into each svg element, which opens up the charts for screen readers)

Limitations and challenges

• Might apply only to SVG charts

Search keywords: charts accessibility

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.