I can get skip link to work, but when I continue to TAB, focus goes back to the Nav bar. I want it to move on to the next link (a hyperlink in the text) .
Try moving your jump to main content link to be the first child of #header>container so it sits as the first link on the page. That is really where it belongs to do its job. When clicked (enter on keyboard) it will take the user to the anchor destination. Moving it up to the top makes it the first tab, then to the brand link , then menu items, etc… Tabs will follow the source order of your content.
So if you really wanted it to tab flow from it to some content (below your nav) you have to change the source order. You can’t control that behavior any other way.
So I’ve moved things about, but obviously I can’t move the main content above the Nav Bar!
The webaim site was my first port of call, and I feel the problem is somewhere here:
Blockquote Browser Quirks
“Skip navigation” links are such a simple concept that it’s hard to believe there would be any browser quirks in implementing it, but there are. Some browsers do not fully support in-page links. While they may visually shift focus to the location of the target or named anchor for the “skip” link, they do not actually set keyboard focus to this location. These bugs can potentially be addressed by using JavaScript to set focus (using JavaScript focus() ) to the target element.
Blockquote
I haven’t found a useful resources from Webflow on how I might implement that.