mobile-safari - 如何在移动 Safari 上使用 Voiceover 使自定义 html 元素可聚焦？

Question

我在移动版 Safari(我的 iPhone 上的 Safari)上，我注意到画外音不关注 tabindex 设置为 0 的元素(元素是 div)。在使用画外音进行测试时需要做什么才能使 div 获得焦点？添加 aria 角色会有所不同吗？

向右滑动不会让 VO 播报视频元素。这似乎是移动设备上呈现标签时 Safari 和 VO 的错误。

Answer 1

首先，您误解了焦点在此上下文中的含义。对于要在 Voiceover 中宣布的内容，它不需要“焦点”。焦点意味着更具体的东西，特别是具有焦点的对象是键盘事件冒泡的起点，等等。

您所指的“焦点”类型只是可访问性领域的一个问题，这是 AT 以正确顺序呈现(向用户读取)内容的能力。您遇到的问题很可能是 DIV 中的内容造成的，而不是 DIV 本身造成的。因此，无论您付出多少努力试图让这个 DIV“聚焦”，其中的内容都不会正确地公布。

您提到它“不会公布视频元素”。 AT 在嵌入式视频播放器等方面存在问题。您可以做的是提供一些屏幕外文本来描述视频的内容，或者提供指向该内容的纯音频版本的链接。您可以在同一个 div 中执行此操作，也可以在其自己的 div 中执行此操作。