There are several important considerations to keep in mind for developers when they choose to create a single page application (SPA). This document aims to provide guidance on how to create an accessible single page application user experience - outlining best practices and common accessibility challenges found in SPAs.
...
| Anchor | ||||
|---|---|---|---|---|
|
Page titles are important to orient users to page content.
...
On subsequent view loads within a single session, you will need to choose a consistent element to set focus to. The <h1> can be a good option (as discussed above in the Page Titles section), as it will help orient the user to the current view.
...
For non-interactive elements that should receive programmatic focus, like the <h1>, the value of the tabindex attribute should be -1.
Advanced focus management
Special consideration will need to be made for managing focus when deleting content or modifying content in an application. For example:
...
Check the Focus page for more details.
Contextual Announcements
Screen reader users need to be kept informed about changes to the content or context of the page. Providing feedback to user input is critical to a screen reader user’s ability to use an application.
...