Skip to content

{Linked:Bug214446; LinkedBug} [DOCS]: Keyboard focus get lost after activating Home tab item present in left navigation pane. #4274

@Anshi0420

Description

@Anshi0420

What happened?

After activating home tab item focus gets lost and after pressing tab key focus land on the GIT hub icon present at the page.

How do we reproduce the behavior?

Repro Steps:

  1. Open the PWA Builder URL in Anaheim dev browser.
  2. PWA Builder page will appear.
  3. Navigate to the home tab item present in the left navigation pane and activate it.
  4. Again press tab key to observe the keyboard focus.
  5. Observe the issue.

What do you expect to happen?

Focus should remain on the home tab item after activating it, it should not get lost and should not land on the Git hub icon.

What environment were you using?

Test Environment:
OS Build: Windows 11 Enterprise Insider Preview 22H2 (23493.1000)
Edge Browser: Version 115.0.1880.3 (Official build) dev (64-bit)
User ID: V-
URL: https://docs.pwabuilder.com/#/

Additional context

Note:
After closing any dialogue such as 'Edit your Manifest' present at https://www.pwabuilder.com/reportcard?site=https://webboard.app focus get lost and land on the top of the page.
Expected:
Focus should remain on the Activated button.

User Experience:
If the keyboard focus will get lost and land on the top of the UI, then the keyboard and screen reader dependent users need to press multiple times tab to reach again on that control and will face difficulties in navigating at the UI properly.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html

Attachments:

Focus.mp4

Note attachment:

2023-08-11.17-06-52.mp4

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Done ✔️

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions