In a traditional website, the entire webpage is reloaded after a navigation event, so the user’s focus always restarts at the top of the document—in our case, that means the first Tab press would focus “Skip to Main” for users navigating via keyboard.
However, ours is a single page app, and single page apps only reload a portion of the page during navigation events. If the user is focused on an element that persists between views (e.g. a navigation element), by default, the focus will remain on that element. I’m worried this might seem strange for the focused element to persist when the view changes.
My team is trying to determine, should this focus be reset as it would be in a traditional site, or leave the focus where it is, perhaps on a navigation element that persisted between views?