jQuery可访问性 - 通过网站进行选项卡

Question

我正在尝试在我的网站中创建一个标签焦点。每次用户点击Tab键时，焦点都会移动到页面上的下一个项目。

这可以在ie（测试版本9和8）中使用，但在FF中它只适用于表单元素。

我可以使用jquery更普遍地使用它吗？

感谢。

Answer 1

将您想要的所有内容列为属性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>

DEMO Here，只需点击“Tabbable标题”文字，然后按TAB键前进，按Shift + Tab键返回元素。

这将按照它们在页面上显示的顺序标记每个元素。您还可以通过为tabindex指定0以外的数字来指定您自己的Tab键顺序，它将从1到2到3等选项卡。

Answer 2

是的，你可以。使用jQuery，您可以使用：

$(function() {            
    if($.browser.mozilla) 
        $('*').attr('tabindex', 0);
});