Examples · Motion & accessibility

Keyboard menu

roving() gives a toolbar arrow-key navigation; announce() tells screen readers what happened.

A composite widget has one tab stop; arrows move inside it. roving() manages tabindex, Home/End, wrapping and typeahead. announce() speaks through a permanent live region with a lossless queue, so rapid updates are not lost.

Playground

What to notice

  • Tab into the toolbar once, then use ← → Home End; Tab leaves it.
  • Type a letter to jump to the matching button.
  • Every activation is announced; screen readers hear it, sighted users see the status line.

Focus the toolbar with Tab and press B, then Enter.