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 Title”文本，然后按 TAB 前进，Shift+TAB 后退。

这将按照每个元素在页面上出现的顺序在每个元素之间切换。您还可以通过为 tabindex 指定一个非 0 的数字来指定您自己的 tab 顺序，它将从 1 到 2 再到 3 等等。

Answer 2

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

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