Highcharts keyboard navigation not working

Highcharts keyboard navigation is not working for me. I am using it exactly in the same way mentioned in API docs.

<https://api.highcharts.com/highcharts/accessibility.keyboardNavigation.seriesNavigation

This is my fiddle: https://jsfiddle.net/gopalsingh0707/1ko2pdav/35/

 plotOptions: { series: { allowPointSelect: true }},

  accessibility: {
    keyboardNavigation: {
        enabled:true,
        
        seriesNavigation:{
          mode:'normal' 
          }
        
        
    }
},

The focus is also not going to chart when the chart loads. Any help would be greatly appreciated. Thank you.

Solution

Navigation works fine.

In the demo you attached, I can normally navigate using the keyboard. However, you must pay attention that in JSFiddle you need to focus on the iframe with the result, otherwise you will be navigating the interface of the page. Just click in the upper left corner of the result (white window) and press TAB.

Or if you reproduce this demo in a pure HTML file, you should have no problems navigating the chart.