浏览器不遵守 tabindex 设置答案

【问题标题】：Browser is not respecting tabindex setting浏览器不遵守 tabindex 设置
【发布时间】：2016-08-17 10:16:22
【问题描述】：

我的老板告诉我，将tabindex="1" 添加到我们网站页脚的辅助功能链接中，这样通过键盘浏览网站的人可以首先访问并了解我们采取的辅助功能步骤.

我已将tabindex="1" 添加到you can see here 的链接中，但浏览器似乎根本不尊重它（在Chrome/FF/IE 11 中测试）。我可以看到页面上没有其他 tabindex 属性，所以它肯定应该被浏览器优先考虑。

页面上使用了访问密钥，这会以某种方式将其丢弃吗？

我确信这是非常基本的东西，但我看不出它是什么。任何帮助将不胜感激。

谢谢

【问题讨论】：

无法在 FF ESR 45.3.0 上重现，第一个选项卡将我带到页脚中的链接。
在 Chrome/FF 中也适用于我。顺便说一句，担心与键盘导航相结合的可访问性，但在链接上没有任何焦点样式，以便用户可以看到他们实际在哪里......大失败。如果您完全关心可访问性，这是您应该添加的第一件事。
您的老板应该知道，在呈现任何内容之前将键盘用户跳到页面底部是一个糟糕的主意，并且会对网站的可访问性产生严重的负面影响。
谢谢大家，我知道该网站在可访问性方面是一团糟，但我们将在不久的将来转移到一个新平台，并从头开始重建，其中可访问性将成为主要考虑因素。到目前为止，我们只是在填补裂缝。
如果不深入研究页面源代码并查看所有正在运行的 javascript，我会说如果它在 tab 按键上不起作用，也许页面上某处有一个 keyhandler 调用 preventDefault 和 stopPropagation这可能会阻止 Tab 键按下事件执行其预期功能。可能值得你看一看？

【解决方案1】：

它对我有用，但作为一个长期的无障碍倡导者，我想帮助说服你的老板，这是一个坏主意。

要查看它是否正常工作，我怀疑您使用的是 Mac，您需要 enable keyboard navigation。需要它的人通常已经拥有它。

但是，添加正的 tabindex 没有帮助的原因包括：

使用键盘（或键盘等效设备）并且可以看到屏幕的人会感到困惑。他们按下制表符，突然到达页面底部，然后翻回顶部。再加上缺乏焦点可见性，这将很难应对。
使用屏幕阅读器的人可能不会注意到 tabindex 的开头，因为导航的主要方式是使用“箭头”（使用向上/向下逐个元素）。但是，如果他们在内容区域并按 Tab 键跳到下一个链接或表单控件，他们会突然转到页面底部。非常混乱。

总而言之：在页脚的链接上添加积极的标签索引会对它应该帮助的人产生负面影响。

网站上有很多明显的可访问性问题，我建议您获得一些建议。

【讨论】：