Skip to content

Tabs Component Keyboard Navigation #34814

@pierrerocket

Description

@pierrerocket

Hello. Our Accessibility auditor has brought up the issue that the tab behavior in bootstrap doesn't meet their expectations.

The expected behavior:
Tab (key) - once to navigate into the group of tabs and once to navigate out of the group of tabs
↑/↓ or ←/→ - choose and activate previous/next tab.

What is happening:
Tab (key) moves into the group, and tab moves between the tabs, and the arrow keys don't function at all.

https://webaim.org/techniques/keyboard/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions