Accessible Mootools Widget Demo


A spin button is a control equipped with two buttons it allows the user to navigate through a range of values.

How to use the Spinbutton widget

  • Right Arrow / Up Arrow: Increases the value
  • Left Arrow / Down Arrow: Decreases the value
  • Home / End: Moves to the maximum or minimum values
  • Page Up / Page Down: Incrementally increases or decreases the value

Accessibility changes

  • Internal development
  • Download accessible Spinbutton
  • Added WAI ARIA role "spinbutton" and "presentation" and WAI ARIA properties "aria-valuemin", "aria-valuemax" and "aria-valuenow"
  • Added full keyboard navigation support.
  • Added high visual contrast indicator.