Blazor Range Slider - Keyboard Navigation
The Blazor Range Slider can be accessed through keyboard shortcuts. In the following sample, various key combinations have been used to access the Range Slider functionalities interactively.
The Range Slider has built-in keyboard support and allows you to access its functionalities using a keyboard alone. The supported keys are as follows.
- Focus
- Alt + J - Focuses on the first Blazor component of the sample.
- Range Slider
- Right arrow or Up arrow
- Increases the value of the
Range Slider. - Left arrow or Down arrow
- Decreases the value of the
Range Slider. - Home
- Moves to the start value (for
Range Slider, when the second thumb is focused and theHomekey is pressed, it moves to the first thumb value). - End
- Moves to the end value (for
Range Slider, when the first thumb is focused and theEndkey is pressed, it moves to the second thumb value). - Page up
- Increases the
Range Slidervalue based on the LargeStep value (for theRange Slider, when the first thumb is focused and thePage Upkey is pressed, it moves until to the second thumb value). - Page down
- Decreases the
Range Slidervalue based on theLargeStepvalue (for theRange Slider, when the second thumb is focused and thePage Downkey is pressed, it moves until to the first thumb value). - Tab
- Focus on the
Range Sliderhandle (move the focus between the handles in theRange Slider).
- Right arrow or Up arrow
- Increases the value of the