RE: Focus on page load guidance

Hi David,

Apologies for re-cycling, but I think this answer on stackoverflow talks to that issue:
https://stackoverflow.com/questions/18619186/tell-screen-reader-that-page-has-changed-in-backbone-angular-single-page-app/18631501#18631501

Kind regards,

-Alastair

From: David Best <davebest@cogeco.ca>
Sent: 07 November 2018 22:26
To: w3c-wai-ig@w3.org
Subject: Focus on page load guidance

I am looking for guidance in best practices for loading web pages.

The development group I am working with has an application written using React which does not use the traditional page-load model of web applications. For example, when forms are submitted the page is not reloaded, so we can't link to in-page links. I do not think it is possible to submit a form to an in-page anchor link. Is there a recommend way to set the screen reader focus to the top of the page when a navigation event like a form submit has occurred in a modern JavaScript application? Right now we have an aria-live status field that updates when a navigation event happens but the screen reader focus isn't managed particularly well.

Does any one have experience with accessibility on modern JavaScript frameworks like React, Angular, or Vue, when trying to set the page focus on load? Thanks!

David