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

 

Received on Thursday, 8 November 2018 10:15:49 UTC