html – 选择一个选项可能会导致VoiceOver跳到页面顶部

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秒钟的时间之后明确设置焦点,修复了问题,但这并不理想！谢谢.

解决方法

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

.button {
 speak: spell-out;
}

原文地址：https://www.jb51.cc/html/224572.html