[Bug]: (a11y)-Multiple accessibility issues with React-Router

[akash07k]

What version of React Router are you using?

6.26.1

Steps to Reproduce

1. Implement React-router in any app.
2. Define couple of the routes
3. Run the app
4. Click on any of the link and observe the screen reader announcement and focus

Expected Behavior

Screen reader should announce tht title of the newly loaded page

Actual Behavior

Whenever we click on any route (<link>), the page title of the newly loaded page is not announced.
Also, the focus is set to somewhere randomly on the page.

[timdorr]

The page title is up to you, as there are different ways of defining that and triggering the update. Focus is also dependant on how you've set up your page and isn't something the library can infer as easily. I would recommend a layout route to centralize these things: https://reactrouter.com/en/main/start/concepts#layout-routes