Accessibility, skip navigation doesn't work

2
votes

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?

1
htmlcross-browseraccessibility
See also this one - initall
yes it's interesting but for the moment I'd like to avoid js, thanks. - Andrea Turri

1 Answers

1
votes

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=0 from the links in the <ul>.

Change <div id="main"> to either <div id="main" tabindex="-1"> or

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