# Keyboard Navigation

## Managing the Focus

Both slider handles are focusable through Tab Key, and the below shortcuts are applicable to them.

## Keyboard Shortcuts

| Shortcut                   | Behavior                       |
| -------------------------- | ------------------------------ |
| `Arrow Down or Arrow Left` | Decreases value by small step. |
| `Arrow Up or Arrow Right`  | Increases value by small step. |
| `Home`                     | Sets value to the Min value.   |
| `End`                      | Sets value to the Max value.   |
| `Page up`                  | Increases value by large step. |
| `Page down`                | Decreases value by large step. |

## Resources

[ARIA Authoring Practices: Slider Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/slider/)

[ARIA Authoring Practices: Multi-Thumb Slider Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/)

[Demo Source](https://demos.telerik.com/kendo-react-ui/inputs/rangeslider/steps/source.txt)

## See Also

* [Accessibility in KendoReact](https://www.telerik.com/kendo-react-ui/components/accessibility)
* [Accessibility Compliance and Keyboard Support in KendoReact](https://www.telerik.com/kendo-react-ui/components/accessibility/accessibility-compliance)