vistree
Posts: 5
Joined: Thu Sep 14, 2023 6:58 am

Add tabindex to drilldown breadcrumb main button

Thu Sep 14, 2023 7:48 am

Hi, thanx for this great tool ;-)
In the moment I am working on making charts as accessible as possible ;-) For this I need to make sure that all "linked" elements within a chart are accessible using TAB navigation.
I noticed that - being in a drilldown view - the breadcrumb is not within the TAB-navigation - the linked parts (as the Main button in a 2 level drilldown) should have "tabindex=0".
Is there a way to add this through the data structure?

dawid.d
Posts: 707
Joined: Thu Oct 06, 2022 11:31 am

Re: Add tabindex to drilldown breadcrumb main button

Fri Sep 15, 2023 7:48 am

Hi,

Welcome to our forum and thanks for contacting us with your question!

It's a known bug I reported here: https://github.com/highcharts/highcharts/issues/17971

One of the proposed workarounds was the use of the old one-button breadcrumbs, like here: https://jsfiddle.net/BlackLabel/d5oyg7hb/

But if you want, you can access the buttons in the regular breadcrumb to edit them, e.g. like this: https://jsfiddle.net/BlackLabel/wp7d3mhr/ (After each rendering of them)

We're glad you like Highcharts!
Best regards

vistree
Posts: 5
Joined: Thu Sep 14, 2023 6:58 am

Re: Add tabindex to drilldown breadcrumb main button

Wed Sep 27, 2023 11:16 am

Hi @dawid.d - thanx for your answer and links. I solved the problem by using your suggestion regarding "old one-button breadcrumb".

Return to “Highcharts Usage”