Thanks to visit codestin.com
Credit goes to github.com

Skip to content

USWDS - In-page navigation: Tab navigation does not work in Safari #5169

@amyleadem

Description

@amyleadem

Describe the bug

With default settings, Safari does not tab into the in-page navigation component.

However, if you turn on the "Press tab to highlight each item" setting, the in-page navigation becomes accessible by keyboard.
image

We should confirm that this fits our requirements for browser compatibility. Should we expect users to have customized this setting?

Steps to reproduce the bug

  1. Go to the in-page navigation component
  2. Press tab to try to navigate through the items in the component
  3. Notice that the navigation items do not receive keyboard focus

Expected Behavior

Items inside the in-page navigation component should be accessible with standard keyboard behaviors.

Related code

No response

Screenshots

No response

System setup

No response

Additional context

No response

Code of Conduct

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