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

Question

iOS9，已启用VoiceOver的Safari。

不是100％可重复，但只需选择一个选项就会使VoiceOver焦点跳转到页面顶部的按钮。

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

＆＃13;

＆＃13;

  :focus {
    background-color: pink;
  }

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

在生产代码（使用AngularJS）中，在2秒超时后明确设置焦点，修复了问题，但这并不理想！感谢。

Answer 1

也许它可以派上用场这个css属性：

＆＃13;

＆＃13;

.button {
 speak: spell-out;
}

＆＃13;

＆＃13;

＆＃13;