Keyboard interaction

KeyAction
Up and down arrowsSteps the value up or down.
Page Up and Page DownSteps ten times.
Home and EndGoes to the minimum or maximum.
EnterCommits what was typed.

Accessibility notes

  • The input is a spinbutton with aria-valuenow, aria-valuemin, aria-valuemax, and the formatted value as aria-valuetext.
  • The step buttons stay out of the tab order, since the keys do the same job, but they are named and linked to the input with aria-controls.
  • Label the input with aria-label or a <label>.