All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Slider / Keyboard navigation

      Slider

      RangeSlider

      Focus

      • Alt + W Focuses the slider (clicking on it or tabbing also work)
      • Alt + Q Focuses the range slider (clicking on it or tabbing also work)

      Supported keys and user actions

      • Right Increments the value by a small step (equivalent to Up)
      • Left Decrements the value by a small step (equivalent to Down)
      • Page Up Increments the value by a large step
      • Page Down Decrements the value by a large step
      • Home Move the draghandle to the min value
      • End Move the draghandle to the max value
      • Tab Tabs to second range slider draghandle or next focusable page element
      • Shift + Tab Tabs to first range slider draghandle or previous focusable page element

      HTML5/JavaScript source

      Also available for:

      API Reference
      • keyboard-navigation.html
      • Widget configuration

      Support & learning resources

      Slider for other technologies