Summary

 

I have a mobile site on the way, the structure of the page is

 

header

content

aside

main nav

second nav

footer

 

This works well with mobile, then when it gets bigger the fluid grid and media queries kick in and reorder the site to look like

 

header

main nav

second nav - content - aside

footer

 

Problem

 

I'm concerned about the tab order of the links on the site when it's in desktop mode. The markup will be structured differently to how it's laid out, so the tab order of the page will make it jump around.

 

Does anyone know if it's possible to change the tab order of everything on a page to run through from top to bottom based on css layout? It's not something I've done before.

You can position them absolutely and change their positions

but it is not a good idea to go with that

Yeah that's what I'm planning on doing, the CSS is not an issue. My question relates to the tab order of the page, and why I do reorder the structure of the page how do I keep the tab order the same as the on page visual...