Highcharts pie charts individual sections are not receive focus. Tooltips are not displayed on focus

Question

I have several pie charts with few sections, for example this one:

But there is few issues with it: it doesn't receive any focus when i'm trying to reach any of sections with "Tab" button, and, if i add tabindex="0" in devTools manually tooltip doesn't displayed on focus, is there any way to fix it (both of this issues with focus and tooltip)?

Please reproduce your issue on some online editor with the sample data. — Sebastian Wędzel, Nov 05 '21 at 16:52
Please provide enough code so others can better understand or reproduce the problem. — Community, Nov 06 '21 at 11:34
@SebastianWędzel Thank you for the advice, added sandbox example. — Barik, Nov 07 '21 at 16:10

score 0 · Accepted Answer · answered Nov 08 '21 at 09:07

0

First of all - I encourage to use the official Highcharts react wrapper which is fully supported by Highcharts - https://github.com/highcharts/highcharts-react

To navigate the chart by keyboard you need to attach the accessibility module - https://www.highcharts.com/docs/accessibility/accessibility-module

demo: https://jsfiddle.net/BlackLabel/8jL40mvb/

answered Nov 08 '21 at 09:07

Sebastian Wędzel

11,417
1
6
16

Well, it's doesn't work as i expected, but it's at least something, thank you! – Barik Nov 08 '21 at 13:41

Highcharts pie charts individual sections are not receive focus. Tooltips are not displayed on focus

1 Answers1