Keyboard focus resets on invoking 'using the components' link to first interactive element of the page.

[msftedad]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

Keyboard focus resets on invoking 'using the components' link to first interactive element of the page.

On invoking 'using the components' link Keyboard focus resets to first interactive element of the page.

Keyboard focus resets on invoking 'using the components' link to first interactive element of the page.

User with motor impairment who rely on keyboard technology will face difficulties if keyboard focus resets on invoking navigation link 'Using the components' link

Focus.resets.webm

Reproducible demo

No response

Steps to reproduce

Repro Steps:

1. Open https://www.fast.design/ URL.
2. Navigate to link ‘Documentation’ and invoke it.
3. Navigate to navigation link 'using the components' and invoke it.
4. Observe the keyboard focus.

Expected behavior

Keyboard focus should not reset to first interactive element of the page on invoking 'Using the components' link, instead focus should land to main landmark first interactive element i.e., 'Quick Start'.

Actual behavior

Keyboard focus resets on invoking 'using the components' link to first interactive element of the page.

Your environment

• Public source code:
• Public site URL: https://www.fast.design/
• Docusaurus version used: Version: 2.4.1
• Environment name and version (e.g. Chrome 89, Node.js 16.4): Microsoft Edge
  Version 114.0.1823.86 (Official build) (64-bit)
• Operating system and version (e.g. Ubuntu 20.04.2 LTS): OS Name: Microsoft Windows 11 Enterprise
  Version: 10.0.22621 Build 22621

Self-service

• I'd be willing to fix this bug myself.

[kemilbeltre]

I'm not a11y expert, but I think this is the "natural" behavior of websites. If you open a new page, the keyboard focus is automatically reset because you will probably have a different layout.

[msftedad]

Hi @kemilbeltre, we have discussed with PO team and we got a reply that

We have agreed to the comment, but focus can only be reset when if the invoked element is opened new tab. But here it is opening in the same page not in new page (Tab). So, focus should not get reset if the invoked element is opened in the same page.

Can you please look into this comment and let us know if you need more information. Thanks.

[msftedad]

Hi @kemilbeltre, Any update on this issue?