jquery - 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>

演示在这里，只需单击“Tabbable Title”文本，然后按 TAB 前进，按 Shift+TAB 后退元素。

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

Answer 2

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

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