jQuery的剑道UI?下载30天免费试用

键盘快捷键

键盘访问是残疾用户与Web交互的一个基本方面。

用户可以通过键盘处理的项目功能越多,残疾用户可以使用的辅助技术的种类就越多。

概述

要向浏览器指示可以用键盘激活特定属性,请将accesskey属性。例如,你有在页面上输入字段。通过实现accesskey,指示浏览器允许用户通过访问组合键和n关键。访问键组合为唯一的操作系统和浏览器.例如,如果一个用户在Mac电脑上用Chrome浏览器浏览你的网站,他们将不得不打字控制而且选项而且n把注意力集中在的名字字段。

剑道UI识别accesskey属性,并在创建小部件时自动保留它们。当Kendo UI创建多个DOM元素来构造更复杂的小部件(如NumericTextBox或DatePicker)时,这种方法特别有用。

内置支持

Kendo UI中的键盘支持映射访问键组合,并确保用户可以通过键盘访问小部件的全部功能。

除了accesskey属性支持,大多数Kendo UI小部件还提供了一系列的键盘控件与它们交互。下面的键盘示例提供了每个小部件支持的特定键盘快捷键。

widget内键盘导航

要实现小部件内键盘导航,可以使用以下方法中的任意一种:

  • 依靠选项卡集中在一个小部件内的多个HTML元素。
  • 依靠选项卡要只关注小部件中的一个元素,然后使用其他键进行小部件内导航和操作,例如,箭头键,输入向上翻页下一页,等等。

剑道UI支持第二种建议的方法,并使用aria-activedescendant属性以确定小部件中当前活动的元素。对于复杂的UI组件,这是推荐的技术,因为它提供了对键盘导航的更好控制和更容易的嵌套文本框实现改变处理程序,并避免为可能需要它们的元素定义可访问性属性。另一方面,该方法要求您定义WAI-ARIA属性。从终端用户的角度来看,小部件的标记被封装,就像使用了影子DOM一样。这种方法的缺点是期望最终用户了解如何使用小部件。然而,剑道UI认为利大于弊。

另请参阅

在本文中
Baidu
map