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

Question

iOS9, Safari with VoiceOver启用

不是100%可复制的，但简单地选择一个选项将导致VoiceOver焦点跳转到页面顶部的按钮。

现在可以监听被选中的选项，然后在几秒钟内强制聚焦在元素上，但这会导致不希望的用户体验。

  :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文档