#22948 area stacking a11y keyboard nav

author(s): Torstein Hønsi

by maritavindedal

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<a>Focus me</a>

<div id="container"></div>

CSS

a {
	background: black;
	color: lime;
}

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'pie',
    },
    title: '',
    accessibility: {
    	keyboardNavigation: {
      	seriesNavigation: {
        	skipNullPoints: true
        }
      }
    },

    series: [{
    		name: 'Pie',
        showInLegend: true,
        data: [
          { name: 'P1', y: 10 },
          { name: 'P2', y: 30 },
          { name: 'P3', y: 70 },
          { name: 'P4', y: 0, },
          { name: 'P5', y: null, },
        ]
     }
	]
});