[x] I have searched to ensure the suggested item doesn't exist on this list
[x] This PR contains only one item
Please Describe Your Addition
This plugin helps improve the accessibility of a chart.js chart. It adds the chart legend to the tab order, and supports keyboard-only users in interacting with individual legends.
The UX for keyboard-only users works as follows:
The users can tab around the page, and land on the first item of the legend.
Users can press left/right arrow keys to navigate within the legend.
Users can press enter/spacebar to toggle datasets, the same as if they were using the mouse to click those legend items.
If you want to try out this UX for yourself, check out this codepen.
The plugin has only been written and tested with Chart.js 4, using the built-in chart types.
Awesome Contribution Checklist:
Please Describe Your Addition
This plugin helps improve the accessibility of a chart.js chart. It adds the chart legend to the tab order, and supports keyboard-only users in interacting with individual legends.
The UX for keyboard-only users works as follows:
If you want to try out this UX for yourself, check out this codepen.
The plugin has only been written and tested with Chart.js 4, using the built-in chart types.