You can use JQuery to change the order of elements in the DOM (example) so the easiest route might be to write some code in your theme to re-order them.
This is a bit of a known issue with the navigation bar in adapt and we will address it soon. It's been on the back burner for a while because it's fairly easy to hack your way around (if using the framework) on a project-by-project yet solving it properly for all projects (and the authoring tool) is fairly complex.
Is there a specific place I should be running this jQuery?
In navigationViews.js? Or in each one of the extensions?
Ok so I got this to work, but it still isnt correct.
The client I am working with says that the focus order MUST, MUST in all instances follow the visual order.
Because these icons are positioned with float:right, they are backwards.
As in, in the code, when going down each button, the focus goes right to left.
According to the client this fails WCAG.