浏览器不尊重 tabindex 设置

El *_*apo 2 html accessibility tabindex

我的老板告诉我添加tabindex="1"到我们网站页脚中的辅助功能链接,以便它成为通过键盘浏览网站的人可以访问并阅读我们采取的辅助功能步骤的第一件事。

我已添加tabindex="1"您可以在此处看到的链接,但浏览器似乎根本不尊重它(在 Chrome/FF/IE 11 中测试)。tabindex我可以看到页面上没有其他属性,所以肯定应该被浏览器选择为优先级。

页面上使用了访问密钥,这可以以某种方式将其丢弃吗?

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

谢谢

Ala*_*irC 5

它对我有用,但作为一个长期的可访问性倡导者,我想帮助说服你的老板这是一个坏主意。

要查看它是否正常工作,我怀疑您使用的是 Mac 并且需要启用键盘导航。需要它的人通常已经有了它。

但是,添加正 tabindex 没有帮助的原因包括:

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

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

以下是使用 tabindex适当方法

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