I built this JsFiddle to let you understand better what I mean.
Basically, I want to skip the navigation using just the keyboard and pressing enter on the “skip navigation” link that have an anchor to the contents.
So, if you try to press TAB, then ENTER on Skip navigation and then TAB again you should focus the contents and not the links.
It works fine on FireFox, but it doesn’t work on IE and Chrome.
There is a fix / way to do that?
Ignore Chrome, it has a bug, that I don’t know the status of. The only way to do it that comes to mind is using JavaScript, which I am not in favor of. Remove
tabindex=0from the links in the<ul>.Change
<div id="main">to either<div id="main" tabindex="-1">or