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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/224572.html

猜你在找的HTML相关文章