Power BI自定义视觉可以接受键盘焦点吗？

Question

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

我在capabilitys.json中遇到了supportsKeyboardFocus属性，并且我看到它改变了visual HTML元素，使其看起来像支持键盘导航的内置切片器（删除了{{1 }}并添加aria-hidden="true"），但仍然无法在简单的自定义视觉效果内获得键盘焦点。是否有支持键盘导航的自定义视觉效果的工作示例？

Answer 1

自定义视觉效果的键盘焦点支持有所下降，几个月前已修复。

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

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

还请注意，在Power BI报表中，视觉效果作为上下文组，因此，导航{em>在之间的视觉效果是通过使用Tab来实现的，并且可以导航到视觉效果的上下文是由ctrl + rightArrow（对于Apple，则是cmd + rightArrow完成。

---

¹ ：尽管默认情况下有许多DOM元素可聚焦（例如按钮，文本输入等），但许多自定义视觉效果完全基于SVG图形，因此最终可能没有效果重点突出的元素。对于最基本的基于标签的导航，向元素添加tabindex=0就足够了。为了获得良好的可访问性，取决于视觉效果，通常需要添加键盘支持以进行选择和多选以及更好的导航（例如，基于箭头的网格导航或元素的合理分组等）