1

我正在尝试创建一个支持键盘导航的自定义切片器。

我遇到了supportsKeyboardFocuscapabilities.json中的属性，我看到这将HTML元素更改为看起来像支持键盘导航（删除和添加）visual的内置切片器，但我仍然无法在简单的自定义视觉中获得键盘焦点. 是否有任何支持键盘导航的自定义视觉效果示例？aria-hidden="true"keyboard-shortcuts="ctrl-ArrowRight scoped"

4

1 回答 1

0

自定义视觉效果的键盘焦点支持出现回归，几个月前已修复。

为了启用键盘焦点和导航，视觉应该：

  1. supportsKeyboardFocus: true在capabilities.json 文件中设置。
  2. 包含可聚焦元素1

另请注意，在 Power BI 报表中，视觉对象表现为上下文组，因此视觉对象之间Tab的导航是使用 实现的，而到视觉对象上下文的导航是通过ctrl+ rightArrow（或cmd+rightArrow用于 Apple）完成的。

1：虽然有许多默认可聚焦的 DOM 元素（例如按钮、文本输入等），但许多自定义视觉效果纯粹基于 SVG 图形，因此它们最终可能没有可聚焦的元素。对于最基本的基于选项卡的导航，添加tabindex=0到元素就足够了。为了获得良好的可访问性，根据视觉效果，通常需要为选择和多选添加键盘支持，以及更好的导航（例如基于箭头的网格导航，或一些合理的元素分组等）

于 2019-12-05T14:52:28.503 回答