选择一个选项可以使VoiceOver跳转到页面顶部

Question

iOS9,启用了VoiceOver的Safari.

不是100%可重复,但只是选择一个选项将使VoiceOver焦点跳转到页面顶部的按钮.

现在可以监听被选中的选项,然后在几秒钟内强制关注元素,但这会导致不受欢迎的UX.

  :focus {
    background-color: pink;
  }

<div>
  <button tabindex="-1">close</button><br/><br/><br/><br/><br/><br/><br/><br/>
  <select>
    <option>Email</option>
    <option>Tobias</option>
    <option>Linus</option>
  </select>

</div>

<p>This example shows how to fill a dropdown list</p>

在生产代码(使用AngularJS)中,在2秒超时后明确设置焦点,修复了问题,但这并不理想!谢谢.

Answer 1

也许这个 css 属性会派上用场：

.button {
 speak: spell-out;
}

编辑：这只适用于 Firefox，请参阅 Mozilla 文档