浏览器不遵守tabindex设置

时间:2016-08-17 10:16:23

标签: html accessibility tabindex

我的老板告诉我将tabindex="1"添加到我们网站页脚的“辅助功能”链接中,以便通过键盘浏览网站的人可以首先阅读并阅读有关辅助功能的步骤我们采取。

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

页面上有访问键,是否可以通过某种方式将其丢弃?

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

由于

1 个答案:

答案 0 :(得分:3)

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

要看到它有效,我怀疑你在Mac上,你需要enable keyboard navigation。需要的人通常已经拥有它。

但是,添加正tabindex无效的原因包括:

  • 有人使用键盘(或键盘等效设备)并且可以看到屏幕会混淆。他们按下标签,突然在页面底部结束,然后翻回到顶部。加上缺乏焦点可见性,这将很难应付。
  • 使用屏幕阅读器的人可能不会注意到tabindex的开头,因为导航的主要方式是使用' arrowing' (使用向上/向下逐个元素)。但是,如果它们位于内容区域并按Tab键跳到下一个链接或表单控件,它们将突然显示在页面底部。非常混乱。

总而言之:在页脚中的链接上添加正选项卡索引会对应该帮助的人产生负面影响。

以下是appropriate ways to use tabindex

网站上存在很多明显的可访问性问题,我建议您提供一些建议。