Search code examples
htmlaccessibility

Tabindex order on container element


Let's say I have two columns (Left and Right). Each column contains links. If I want the users to tab into the Right column links first would all the links in the Right column have to be tabindex="0" and all the links in the Left column have to be tabindex="1"?

Or can I have all links have tabindex="0" and then set tabindex="0" on the Right Column and tabindex="1" on the Left Column to have the user tab through the Right Column first?

I am not quite sure how nested tabbing works. I tried an example on http://jsfiddle.net/fhzjf4yg/ and I can't seem to understand how it traverses the tab index. If someone could explain how the ordering works that would help too!


Solution

  • NOT CORRECT ANSWER, SORRY

    You shouldn't have more than one tabindex="0" on a page, meaning that it should be unique. If i told you to go to tabindex="0" and there were two on the page, where would you go?

    and there's no nesting you basicaly jump from 0 to 1 to 2 and so on