Skip to content

Tabbing Sequence is Broken in the header navigation #7585

@ShubhamOulkar

Description

@ShubhamOulkar

URL:

https://nodejs.org/en/

Browser Name:

chrome

Browser Version:

134

Operating System:

windows 11

How to reproduce the issue:

The tabbing sequence in the navigation menu is incorrect due to the hidden checkbox () used for toggling the mobile menu. Since this checkbox is positioned in the DOM right after the logo, keyboard users navigating with Tab key encounter it before the actual navigation links, leading to an unexpected and confusing experience.

Image

Fix : use tabIndex="-1" on checkbox

Success criteria: focus order

I will open a PR for this issue once it is verified by team.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions