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