我想让用户通过一个页面的链接选项卡。
这是大多数浏览器中的默认行为,但一旦页面包含input
元素,它就成为页面上唯一的可选项元素(取决于浏览器),这使得键盘无法访问a
元素。如果设置了或不设置tabindex
,这不会改变。
请参阅下面的示例。集中输入元素并按tab
几次;而Chrome将聚焦链接,火狐和Safari将跳过这些元素。
<div>
<form>
<input type="text" tabindex="0">
<button tabindex="0">send</button>
</form>
</div>
<a href="#" tabindex="0">Link</a>
<a href="#" tabindex="0">Link</a>
如何在没有JavaScript的情况下实现跨浏览器键盘导航,并避免这个问题?
发布于 2018-04-11 09:21:50
我不认为你需要解决这个问题。
苹果对可访问性的处理方式略有不同,而且必须启用用户首选项,以便在链接之间设置选项卡。这种行为在可访问性社区中是众所周知的,我不建议实现任何自定义解决方案来修改此行为,因为它可能只会造成其他问题。
本文将更详细地解释:http://www.weba11y.com/blog/2014/07/07/keyboard-navigation-in-mac-browsers/
https://stackoverflow.com/questions/49743138
复制相似问题