跳到主要内容
可访问性
让每个人都能享受优秀的企业级产品,Web 可访问性确保所有人都能感知、理解、浏览、与应用程序进行交互,这意味着系统内应该具有可感知、可操作性和可理解性。这包括提供所有可鼠标交互的元素具备键盘操作的替代方案。

键盘导航

在辅助功能中,我们提供了基本的 全局键盘操作 以及相关的交互文档。在各个组件的文档中也有关于如何创建键盘可访问组件的建议。

通用逻辑

CabinX 组件的键盘交互将遵循 W3C 键盘可访问性指南ARIA(无障碍) Web 模式

  1. Tab or Shift+Tab :管理组件之间的键盘焦点移动
  2. Enter :激活当前焦点的事件
  3. Esc :取消激活当前焦点事件
  4. Up Down Left Right :将焦点移动到包含多个可聚焦元素的组件内部(通常是单选组、多选组列表、时间日期选择器、表格等)

辅助技术支持

我们的组件通过自动和手动的方式进行了可访问性测试。商家应该期望能够使用现代辅助技术访问使用我们组件构建的功能。如:

  • 支持低视力和色盲
  • 键盘的替代交互
  • 多设备切换支持
  • 更大的字体/布局切换支持
  • 对比度更强的主题化

限制非标准交互

商家希望以遵循其浏览器、平台和辅助技术的默认设置的方式与控件和内容进行交互。引入非标准特性可以为商家提供更好的完成任务的方式,但也可能会创建障碍。

例如,仅依赖于键盘的商家将期望使用回车/返回键或空格键激活按钮。如果按钮被编程以使用不同的键,则需要向商家说明如何使用它们。

在设计或构建使用非标准控件或交互的自定义特性之前,首先考虑是否可以使用本机特性来实现目标。

如果需要非标准交互:

  • 仔细遵循有关在您的平台上设计、构建和测试自定义特性的准则和最佳实践
  • 为商家提供清晰的自定义功能使用说明
  • 提供另一种标准的完成任务的方式

符合网页内容无障碍指南 (WCAG)

Cabin X 的目标是符合 WCAG 2.1 A 级和 AA 级的标准,力求为所有人提供高质量的产品交互。

我们组件中的语义标记和使用ARIA角色基于W3C标准和业界最佳实践。这种标记是构建无障碍组件的完美起点。

有关详细信息,请参阅以下资源: