辅助功能跳过导航菜单更改视觉焦点，而不是选项卡焦点-如何解决此问题

Question

我有一个可访问性跳过导航菜单，它使用命名锚点跳转到内容区域。

这些内容区域(顶部菜单、左侧菜单、主体内容和页脚菜单)内部也有链接。

当我用tab键进入跳过导航菜单，并单击其中一个链接时，它会正确地将视觉焦点移动到相关的内容区域。

但是，如果我再次使用Tab键，它将继续跳过剩余的跳过导航项目。

我希望它能在我刚刚“跳转”到的内容区域中用tab键切换链接。

我目前没有在任何元素上使用制表符索引

我正在使用HTML5，我想知道我是否可以通过编程将我刚刚“跳转”到的元素的制表符索引更改为1，希望这将强制跳转从一个新位置开始。

这对可访问性有坏处吗？

为任何帮助或建议干杯

Answer 1

我们最近遇到了完全相同的问题，发现了两个不同的浏览器错误...

在IE中，您要跳转到的元素必须具有指定的宽度才能使功能正常工作。

http://webaim.org/techniques/skipnav/#iequirk

它也发生在Webkit (Chrome/Safari)中，尽管AFAIK没有针对这些浏览器的修复程序(如果有人知道的话，很高兴被纠正！)

http://code.google.com/p/chromium/issues/detail?id=37721

使用tabindex通常不是一个好主意，而是尝试从逻辑上构造HTML，以便Tab键顺序本身能够正确地流动