jQuery可访问性-通过站点进行选项卡切换
我正在尝试在我的站点中创建选项卡焦点。每次用户点击tab键时,焦点都会移动到页面上的下一项 这在ie(测试版本9和8)中适用,但在FF中它只适用于表单元素 我可以使用jquery更普遍地工作吗jQuery可访问性-通过站点进行选项卡切换,jquery,tabs,focus,accessibility,Jquery,Tabs,Focus,Accessibility,我正在尝试在我的站点中创建选项卡焦点。每次用户点击tab键时,焦点都会移动到页面上的下一项 这在ie(测试版本9和8)中适用,但在FF中它只适用于表单元素 我可以使用jquery更普遍地工作吗 谢谢。给你想要的一切选项卡属性tabindex=“0” 例如: <b tabindex="0">Tabbable Title</b> <p tabindex="0">My tabbable content</p> <div tabindex="0"
谢谢。给你想要的一切选项卡属性
tabindex=“0”
例如:
<b tabindex="0">Tabbable Title</b>
<p tabindex="0">My tabbable content</p>
<div tabindex="0" style='height: 100px; width: 100px; border: 1px solid red;'></div>
选项卡式标题
我的选项卡内容
,只需单击“选项卡标题”文本,按TAB键前进,按Shift+TAB键返回元素
这将按每个元素在页面上的显示顺序对其进行制表。您还可以指定自己的制表顺序,方法是为tabindex指定一个非0的数字,它将制表从1到2到3等。是的,您可以。使用jQuery,您可以使用:
$(function() {
if($.browser.mozilla)
$('*').attr('tabindex', 0);
});
默认情况下,只有WebKit浏览器和/或OS X浏览器具有这种行为,并且可以像在任何其他浏览器上一样切换到“通过表单元素和链接进行选项卡切换”。测试的具体配置是什么?检查此线程:为什么在表单元素和链接在每个浏览器中都已可聚焦时,使用非聚焦元素,然后使用tabindex属性使其可聚焦?因为这是一个问题,“我可以更普遍地使其工作吗”。它已经普遍工作了。。。(我相信WebKit上有一个模化选项,我们从OP那里没有这方面的消息)。我不知道你在说什么!你真的想让div.clear(和其他没有信息的元素)成为焦点,还是这里的通用选择器只是一个例子?当你开始关注Firefox时,你是否观察到了与OP类似的行为?