title: Tabindex order on container element
body: <p>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 <code>tabindex="0"</code> and all the links in the Left column have to be <code>tabindex="1"</code>? </p>
  
  <p>Or can I have all links have <code>tabindex="0"</code> and then set <code>tabindex="0"</code> on the Right Column and <code>tabindex="1"</code> on the Left Column to have the user tab through the Right Column first? </p>
  
  <p>I am not quite sure how nested tabbing works. 
  I tried an example on <a href="http://jsfiddle.net/fhzjf4yg/" rel="nofollow">http://jsfiddle.net/fhzjf4yg/</a> 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!</p>