I'm using tab indexes on my navigation to allow users to tab through that content. The problem I am having is the third and fourth ( out of six ) open a modal. Once that modal is open The user must tab through the rest of the navigation to get to the fields in the modal. I would like to have the modal's forms/elements capture all the tabbing before returning to navigation if not stop it from moving back to the nav elements until the modal is closed. Is there a simple way to force the next tab to jump to the first field on the modal with out using javascript? It seems really simple but I think some how I'm missing something.

Thanks in advance.

A A A A A A A

B B B B

Here is a small non-working example of what I am trying to do: http://jsfiddle.net/jeffpowrs/KgHtg/1/