键盘导航
在辅助功能中,我们提供了基本的 全局键盘操作 以及相关的交互文档。在各个组件的文档中也有关于如何创建键盘可访问组件的建议。
通用逻辑
CabinX 组件的键盘交互将遵循 W3C 键盘可访问性指南、ARIA(无障碍) Web 模式 :
Tab
orShift+Tab
:管理组件之间的键盘焦点移动Enter
:激活当前焦点的事件Esc
:取消激活当前焦点事件Up
Down
Left
Right
:将焦点移动到包含多个可聚焦元素的组件内部(通常是单选组、多选组列表、时间日期选择器、表格等)
辅助技术支持
我们的组件通过自动和手动的方式进行了可访问性测试。商家应该期望能够使用现代辅助技术访问使用我们组件构建的功能。如:
- 支持低视力和色盲
- 键盘的替代交互
- 多设备切换支持
- 更大的字体/布局切换支持
- 对比度更强的主题化
限制非标准交互
商家希望以遵循其浏览器、平台和辅助技术的默认设置的方式与控件和内容进行交互。引入非标准特性可以为商家提供更好的完成任务的方式,但也可能会创建障碍。
例如,仅依赖于键盘的商家将期望使用回车/返回键或空格键激活按钮。如果按钮被编程以使用不同的键,则需要向商家说明如何使用它们。
在设计或构建使用非标准控件或交互的自定义特性之前,首先考虑是否可以使用本机特性来实现目标。
如果需要非标准交互:
- 仔细遵循有关在您的平台上设计、构建和测试自定义特性的准则和最佳实践
- 为商家提供清晰的自定义功能使用说明
- 提供另一种标准的完成任务的方式
符合网页内容无障碍指南 (WCAG)
Cabin X 的目标是符合 WCAG 2.1 A 级和 AA 级的标准,力求为所有人提供高质量的产品交互。
我们组件中的语义标记和使用ARIA角色基于W3C标准和业界最佳实践。这种标记是构建无障碍组件的完美起点。
有关详细信息,请参阅以下资源: