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

Keyboard accessibility instructions

Wed Sep 20, 2023 4:47 pm

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: 958
Joined: Fri Dec 16, 2022 11:45 am

Re: Keyboard accessibility instructions

Thu Sep 21, 2023 3:05 pm

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

Thu Sep 21, 2023 3:44 pm

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: 958
Joined: Fri Dec 16, 2022 11:45 am

Re: Keyboard accessibility instructions

Fri Sep 22, 2023 6:35 am

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”