[BUG] Storybook Accessibility Focus is not following keyboard using screen reader

[MaciejWolowski]

Describe the bug
Checking storybook accessibility using screen reader, focus is not following keyboard actions but screen reader is reading next objects

Preconditions

• Some screen reader installed, I was using NVDA

How to reproduce
Steps to reproduce the behavior:

1. Go to Storybook
2. Open Screen Reader (reproduced using nvda)
3. Start using "Tab" for checking focus on the website
4. Move Focus for example to Releases
5. Wait until screen reader reads Releases
6. Using Keyboard arrows go bottom through the versions

Expected behavior
Both Focus shows next objects and screen reader reads it.

Actual behavior
Focus stays on Releases but screen reader reads next versions with your clicking the keyboard arrows

Screenshots

Devices (please complete the following information):

• Device: [Desktop]
• OS: [Windows 11]
• Browser: [Chrome]

┆Issue is synchronized with this Jira Zadanie by Unito

[AdamPawlinski]

The problem with a11y of folders in sidebar is probably on Storybook side. There issues with:

• aria-expanded Storybook sidebar navigation: aria-expanded should be on button, not parent storybookjs/storybook#18346
• and in my opinion tabindex of buttons inside folders have wrong value, there should be 0 instead of -1.
  But anyway it is not the issue that we can manage. If that's okay for you @MaciejWolowski I will close it?

[MaciejWolowski]

@AdamPawlinski ok