Shift keyboard focus on page change about ripple HOT 4 OPEN

Thanks @lmounsey for your suggestion! We are using https://github.com/simplesmiler/vue-focus in Ripple, that means we have the focus directive in use already.

For focusing on h1 when a page load, unfortunately it is not how we are doing at SDP site. Keyboard nav is only on link, button and clickable elements, however our h1 is not a link. Our keyboard nav order is from top to bottom, with the first item is skip to main content option which can jump to the page main content directly.

Any reason your project need go to h1?

from ripple.

Hi @tim-yao

Just to clear up, it should not focus on h1 on first page load - sorry if my code is a bit misleading, it could possibly be cleaned up with detecting process.client instead.

I feel though it should move focus when navigating between pages in nuxt - for example, if I use VoiceOver on https://www.vic.gov.au and click a footer link, the focus still stays in the footer.

Let me know if you want to chat more to talk through some possible solutions

from ripple.

@lmounsey Yes, the footer link case make sense to me. I will raise an issue to UX/BA for discovering this requirement. It may take some time. If it's urgent in your project, please use SDP support portal to ask for support. Thanks!

from ripple.

This will be look at in https://digital-engagement.atlassian.net/browse/SDPA-3251

from ripple.