Focus in not getting back to menu context once clicked on escape button from full screen.

[SreejaPampara]

Expected behaviour

With Maintaining Focus the Menu button should also opened when clicked enter Once clicked on escape button from full screen.

Actual behaviour

Highlighting the Menu button but focus is somewhere else, and the menu button is not getting opened by clicking enter button once coming back by clicking escape button from full screen.
Observed both for Graphs and pie Chart.

Live demo with steps to reproduce

https://jsfiddle.net/SreejaPampara/hj7x3w2q/1/

Product version

HighCharts version : v9.2.2

Affected browser(s)

Chrome, Edge

[raf18seb]

Hi @SreejaPampara,

Exiting from the full screen by the escape button click is a default browser action - it's not coming from the Highcharts library.

You can add the possibility to open fullscreen on the enter button click e.g. this way (very simple example): https://jsfiddle.net/BlackLabel/j5uar1vx/

I'm tagging this ticket as a feature request, please vote for it by adding a thumb up 👍

[SreejaPampara]

Hi @raf18seb is it possible access the menu icon with enter button after returning from full screen, currently even though it is showing as the focus is at the menu icon but no action is triggering after clicking on the enter button as it is causing a accessibility issue. Attaching the screenshots for reference.

• As in full screen also it is taking additional tab to go to menu.

[raf18seb]

Hi @SreejaPampara,

I think I misunderstood you in the first post.
This could be improved - the exporting button is focused after exiting the fullscreen, but the exporting menu is not being opened when clicking enter. It's working fine before entering the fullscreen and it's working fine after exiting the fullscreen but pressing the additional tab button is required.

[SreejaPampara]

Hi @raf18seb ,
Please let us know if there is any update on the above issue, any new version are you planning to release in which this issue is fixed?

[raf18seb]

@SreejaPampara for now we don't have ETA for the bugfix. We will discuss it at the next meeting.

@oysteinmoseng do you have any insights (accessibility)?

[oysteinmoseng]

Hi, yes I believe this is a bug and can be improved. The Highcharts visual focus indicator is not updated when entering/exiting fullscreen. We should explicitly set focus to the menu as suggested.

[SreejaPampara]

Hi @raf18seb,
Would you please let us know by when this bug can be closed or provide an ETA which would be helpful for us as it is effecting our compliance.

[KacperMadej]

This bug will be further investigated and we should have more info around 8.11. This is quite a long wait, so in the meantime would you be interested in a temporary workaround that you could test and use before the proper fix will be implemented and released? @SreejaPampara

[SreejaPampara]

@KacperMadej, Yes, please provide the alternative. We will try it with that from our end.

[KacperMadej]

https://jsfiddle.net/BlackLabel/j5uar1vx/2/

After tabbing into the export menu and pressing enter to open the full-screen mode the old highlight border will be removed.
The export menu is then closed and after 1 tab could be selected again. After that, you could open it and exit the full-screen mode by selecting the related option listed there or simply via the escape key at any time after opening the full-screen mode.

Please let me know if this works for you as a workaround for now and if not, how could it be improved.