Skip to content

feat(ui5-toolbar): implement WAI-ARIA toolbar keyboard navigation#13547

Draft
plamenivanov91 wants to merge 1 commit into
mainfrom
tb-arrow-nav-item-navigation
Draft

feat(ui5-toolbar): implement WAI-ARIA toolbar keyboard navigation#13547
plamenivanov91 wants to merge 1 commit into
mainfrom
tb-arrow-nav-item-navigation

Conversation

@plamenivanov91
Copy link
Copy Markdown
Contributor

Add arrow key navigation following the WAI-ARIA Toolbar pattern:

  • Left/Right moves between toolbar items via ItemNavigation
  • Multi-target items (e.g. Breadcrumbs) handle internal navigation themselves; Toolbar only intercepts at boundaries
  • Home/End jumps to first/last toolbar item
  • Roving tabindex managed via forcedTabIndex propagation

ToolbarItem acts as thin delegation layer:

  • Detects child's ItemNavigation (Tier 1) or IToolbarNavigatable (Tier 2)
  • Reports count/currentIndex for boundary detection
  • Delegates entry focus on toolbar-level navigation

Also adds forcedTabIndex to ToolbarButton/ToolbarSelect templates and fixes Select tabindex handling for toolbar context.

Add arrow key navigation following the WAI-ARIA Toolbar pattern:
- Left/Right moves between toolbar items via ItemNavigation
- Multi-target items (e.g. Breadcrumbs) handle internal navigation
  themselves; Toolbar only intercepts at boundaries
- Home/End jumps to first/last toolbar item
- Roving tabindex managed via forcedTabIndex propagation

ToolbarItem acts as thin delegation layer:
- Detects child's ItemNavigation (Tier 1) or IToolbarNavigatable (Tier 2)
- Reports count/currentIndex for boundary detection
- Delegates entry focus on toolbar-level navigation

Also adds forcedTabIndex to ToolbarButton/ToolbarSelect templates
and fixes Select tabindex handling for toolbar context.
@ui5-webcomponents-bot
Copy link
Copy Markdown
Collaborator

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview May 19, 2026 09:37 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants