如何在移动Safari上使用Voiceover创建自定义html元素？

Question

我在移动Safari（iPhone上的Safari）上，我注意到Voiceover并不专注于tabindex设置为0的元素（元素是div）。在使用画外音进行测试时，需要做些什么来使div得到关注？添加咏叹调角色会有所作为吗？

向右滑动不会使VO宣布视频元素。在呈现标记时，这似乎是移动设备上Safari和VO的错误。

Answer 1

首先，你误解了焦点在这种情况下的含义。对于在画外音中宣布的内容，它不需要“聚焦”。聚焦意味着更具体的东西，特别是具有焦点的对象是键盘事件冒泡的起点。

您所指的“焦点”类型只是可访问性领域的一个问题，这是AT以正确的顺序呈现（读取给用户）内容的能力。您遇到的问题很可能是DIV内容而不是DIV本身的结果。因此，无论你试图让这个DIV“集中”多少努力，内部的内容都不会正确宣布。

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