Skip to content

DS-081: Build an accessible Toolbar component #492

Description

@IbrahimIjai

Context

Chart controls, table actions, filters, and editor-like command rows need a
compact grouped-control pattern with predictable keyboard navigation.

Scope

  • Add Toolbar root, group, button, link, and separator parts.
  • Support horizontal and vertical orientation.
  • Implement roving tabindex with arrow-key, Home, and End navigation.
  • Support disabled controls and optional accessible group labels.

Acceptance criteria

  • Only one enabled toolbar control participates in the tab order at a time.
  • Arrow keys follow orientation and skip disabled controls.
  • Home and End move to the first and last enabled control.
  • Buttons, links, and separators retain correct native semantics.
  • Tests cover orientations, disabled controls, focus movement, and dynamic items.

Out of scope

  • Defining chart or table business actions.
  • Implementing a rich-text editor.

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave program

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions