All Components
Theme

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