html - 辅助功能，跳过导航不起作用

Question

我构建了这个JsFiddle是为了让你更好地理解我的意思。

基本上，我想只使用键盘跳过导航并按下具有内容锚点enter的“跳过导航”链接。

因此，如果您尝试按TAB，然后ENTER在跳过导航上，然后再按TAB一次，您应该关注内容而不是链接。

它在 FireFox 上运行良好，但在 IE 和 Chrome 上不运行。

有解决方法/方法吗？

Answer 1

忽略 Chrome，它有一个错误，我不知道它的状态。想到的唯一方法是使用 JavaScript，我不赞成。tabindex=0从 中的链接中删除<ul>。

更改<div id="main">为<div id="main" tabindex="-1">或

<a id="main" name="main" tabindex="-1">
<div id="mainContent">...