[SF][A11Y]: Fast navigation using F6 for mentoring program is not work as expected

[sfsf-xweb-sh]

Hi colleague,
When testing fast navigation in mentoring program details page, we found that it is unable to go back to global header through F6 from main content. The focus is stuck on "Join as mentee" button in following screenshot.

When F6 is pressed from button, the focus should go back to the logo and keep looping from logo to "Join as mentee" and back to logo with subsequent F6 keypress.
Could you help look at this issue? Thanks a lot!
Josephine Su

[fifoosid]

Hi @sfsf-xweb-sh

Here is a working example of the F6 Navigation. Some notes about the example:

• You should import the import "@ui5/webcomponents-base/dist/features/F6Navigation.js"; module in your application
• On the page you should have at least two groups, so that the navigation can cycle through them. In this example the first such group is the shellbar(it comes as a group be default), and the second is the div with attribute data-sap-ui-fastnavgroup="true"(line 40 in the html file).

[sfsf-xweb-sh]

That’s great! Thank you so much!