新的Telerik UI为Blazor?免费30天试用

RangeSlider -键盘导航

  • 0
  • 20.
  • 40
  • 60
  • 80
  • One hundred.
  • Keyboard-navigation.razor
正在加载演示源代码…请稍等。

焦点

  • Alt+W聚焦示例中的第一个组件

支持的键和用户操作

  • 向上和右箭头使用SmallStep增加范围滑动器的开始/结束值。
  • 向下和向左箭头使用SmallStep减少范围滑动器的开始/结束值。
  • 上页使用LargeStep增加范围滑动器的开始/结束值。
  • 下页减小使用LargeStep的范围滑动器的开始/结束值。
  • 首页将范围滑动器的开始/结束值设置为最小值。
  • 结束设置范围滑动器的开始/结束值为Max。
  • 选项卡让你移动焦点之间的处理(他们有tabIndex = 0因此浏览器将它们包含在TAB序列中)。

描述

键盘导航为所有网页和应用程序用户提供了一个快速的键盘导航功能,也是网页无障碍功能的一部分——它使残疾用户能够通过键盘完全控制他们的网站或应用程序访问。

默认情况下,用户只能用键盘导航到链接、按钮和表单控件。交互项目接收键盘焦点的导航顺序必须符合逻辑和直观。一般来说,键盘导航逻辑需要遵循页面的视觉水平和垂直流,例如,从左到右,从上到下,头部先跟着主体,然后是页面导航。

Blazor的Telerik UI的键盘导航RangeSlider始终启用,如本演示中所示。

这个RangeSlider键盘导航的例子是一个独特的收集的数百个Blazor演示的一部分,你可以看到所有Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map