辅助功能跳过导航菜单更改了视觉焦点,而不是标签焦点 - 如何解决此问题

时间:2012-01-11 10:01:32

标签: jquery html css accessibility

我有一个辅助功能跳过导航菜单,它使用命名锚点跳转到内容区域。

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

当我选中跳过导航菜单,然后单击其中一个链接时,它会正确地将视觉焦点移动到相关的内容区域。

但是,如果我再次选中,则会继续跳过剩余的跳过导航项。

我期待它能够通过内容区域中的链接进行选项卡,我只是“跳”到了。

目前我没有在任何元素上使用tab索引

我正在使用HTML5,并想知道我是否可以以编程方式将选项卡索引更改为1,因为我只是“跳”到该元素,希望它会强制标签从新位置开始。

这对可访问性有害吗?

欢呼任何帮助或建议

1 个答案:

答案 0 :(得分:2)

我们最近遇到了同样的问题,发现了两个不同的浏览器错误......

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

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

它也出现在Webkit(Chrome / Safari)中,虽然AFAIK没有针对这些浏览器的修复(如果有人知道的话,很高兴得到纠正!)

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

使用tabindex通常不是一个好主意,而是尝试逻辑地构建HTML,以便Tab键顺序自行流动