键盘快捷键
键盘访问是残疾用户与Web交互的一个基本方面。
用户可以通过键盘处理的项目功能越多,残疾用户可以使用的辅助技术的种类就越多。
概述
要向浏览器指示可以用键盘激活特定属性,请将accesskey
属性。例如,你有在页面上输入字段。通过实现
accesskey
,指示浏览器允许用户通过访问组合键和n
关键。访问键组合为唯一的操作系统和浏览器.例如,如果一个用户在Mac电脑上用Chrome浏览器浏览你的网站,他们将不得不打字控制
而且选项
而且n
把注意力集中在的名字
字段。
剑道UI识别accesskey
属性,并在创建小部件时自动保留它们。当Kendo UI创建多个DOM元素来构造更复杂的小部件(如NumericTextBox或DatePicker)时,这种方法特别有用。
内置支持
Kendo UI中的键盘支持映射访问键组合,并确保用户可以通过键盘访问小部件的全部功能。
除了accesskey
属性支持,大多数Kendo UI小部件还提供了一系列的键盘控件与它们交互。下面的键盘示例提供了每个小部件支持的特定键盘快捷键。
- 自动完成
- BottomNavigation
- 面包屑
- 按钮
- ButtonGroup
- 日历
- 验证码
- ColorGradient
- ColorPalette
- 选择器
- 组合框
- CheckBoxGroup
- DateInput
- DatePicker
- DateRangePicker
- DateTimePicker
- 对话框
- 抽屉里
- DropDownButton
- DropDownList
- DropDownTree
- 编辑器
- ImageEditor
- 文件管理
- FlatColorPicker
- FloatingActionButton
- 甘特
- 网格
- 列表框
- 列表视图
- 媒体播放器
- 菜单
- MultiColumnComboBox
- 多选
- MultiViewCalendar
- NumericTextBox
- 寻呼机
- PanelBar
- PDFViewer
- 评级
- RadioGroup
- 调度器
- 滑块
- SplitButton
- 分束器
- 电子表格
- 步进
- 开关
- TabStrip
- 的周期
- 时间轴
- TimePicker
- 工具栏
- TreeList
- 树状视图
- 窗口
- 向导
widget内键盘导航
要实现小部件内键盘导航,可以使用以下方法中的任意一种:
- 依靠
选项卡
集中在一个小部件内的多个HTML元素。 - 依靠
选项卡
要只关注小部件中的一个元素,然后使用其他键进行小部件内导航和操作,例如,箭头
键,输入
,向上翻页
,下一页
,等等。
剑道UI支持第二种建议的方法,并使用aria-activedescendant
属性以确定小部件中当前活动的元素。对于复杂的UI组件,这是推荐的技术,因为它提供了对键盘导航的更好控制和更容易的嵌套文本框实现改变
处理程序,并避免为可能需要它们的元素定义可访问性属性。另一方面,该方法要求您定义WAI-ARIA属性。从终端用户的角度来看,小部件的标记被封装,就像使用了影子DOM一样。这种方法的缺点是期望最终用户了解如何使用小部件。然而,剑道UI认为利大于弊。