sjmcarter
Posts: 12
Joined: Wed Jul 31, 2019 6:08 pm

Column Chart Legend Accessibility

I have a column chart that is rendering fine. The issue that I am having is with the accessibility of the legend.

If I click on a legend item, the series data visibility toggles as expected. However, I can't toggle properly with the keyboard navigation.

I can tab into the legend and toggle the visibility of the first legend item by hitting the enter key. However, when I tab to the next legend item (or any after), the enter key press does not appear to register. If I use the mouse to click on a legend item, everything works fine; it's just the enter key that is only working for the first item.

Is this a known bug?

I have a jsfiddle, but none of the accessibility works within jsfiddle: https://jsfiddle.net/cgs6z2La/
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Column Chart Legend Accessibility

Hello sjmcarter!
We appreciate you reaching out to us!

I have found, that you are not using the newest release of Highcharts. That is related to your issue, this bug is fixed in the latest release. I suggest you upgrade your Highcharts to Highcharts v10.2.0 (2022-07-05) https://www.highcharts.com/blog/changel ... ts-v10.2.0 and everything will work correctly, just like in the demo below.

Demo: https://jsfiddle.net/BlackLabel/bw3508fL/

Feel free to ask any further questions.
Regards!
Hubert Kozik
Highcharts Developer

Return to “Highcharts Usage”