Tiger22
Posts: 4
Joined: Wed Sep 20, 2023 4:40 pm

Keyboard accessibility instructions

Hello,

Is there a way to have JAWS give instructions when entering the chart? For example, “use up and down arrows for navigation”.

I am using a pie chart and column chart on my page but users don’t really have an indication when to use the up and down arrows or when to tab once they’re inside the chart.

Thank you!
jakub.s
Posts: 1075
Joined: Fri Dec 16, 2022 11:45 am

Re: Keyboard accessibility instructions

Hi,

Welcome to our forum & thanks for the question!

You can manually configure to add some text to either the hidden description area before the chart, chart container div, or to the SVG container itself.

Please let me know if that's what you were looking for.

Best regards!
Jakub
Highcharts Developer
Tiger22
Posts: 4
Joined: Wed Sep 20, 2023 4:40 pm

Re: Keyboard accessibility instructions

This is what I needed, thank you!
Would I use these type of things to have screen readers skip over legends as well? For example, if I only wanted the screen reader to navigate through each item in the chart and completely ignore the legend on the side?
jakub.s
Posts: 1075
Joined: Fri Dec 16, 2022 11:45 am

Re: Keyboard accessibility instructions

Hi,

You can set the legend.accessibility.enabled to false.

API: https://api.highcharts.com/highcharts/l ... ty.enabled

Does that work for you?

Best regards!
Jakub
Highcharts Developer

Return to “Highcharts Usage”