janina
Posts: 31
Joined: Thu Jul 01, 2021 7:19 pm

Keyboard navigation of heatmap

Good morning,

I am trying to navigate the heatmap in the demo (https://www.highcharts.com/demo/heatmap) using keyboard keys like in the other charts like line and column but it does not seem to be working. For the other charts, I can use the TAB key to navigate between different regions within the chart and once in the main chart, I can use the arrow keys to navigate to line points or columns. But for the heatmap demo, I can tab the chart and the context menu but not the legend and when in the chart, the arrow keys don't let me navigate to other squares. I checked and this demo did include the accessibility module so keyboard navigation should work. How does keyboard navigation work for heatmaps and why can't I navigate to the legend using the TAB key or between the different squares using the arrow keys like with the other charts?

Thanks!
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: Keyboard navigation of heatmap

Hi,

Thank you for informing us about the problem.

I've reported a bug, which you can track here: https://github.com/highcharts/highcharts/issues/16549
As a temporary workaround, you can resolve the problem by using Highcharts previous version - 9.2.2

Example:
https://jsfiddle.net/BlackLabel/52e0Lfth/

Let me know if you have any further questions!
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Usage”