title: How can I change the natural tab order of only part of an html document?
body: <p>I have a form in the middle of my page and I want to change the tab order within that form, but not disrupt the rest of tab flow of the document. I basically have two buttons which I'd like swap their tab order. I've tried tabindex 0, -1, along with a few others. Setting them, messes up the natural order as it tabs to them before the links in the menu etc... I've seen some examples where tabindex is added to every tabbable element and then their values are set through javascript. I was hoping to avoid something like that. Also moving the buttons is not an option. The html is build to be responsive and they want the buttons to line up a certain way on mobile devices. What is the proper way to achieve this?</p>