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.
...
Web navigation conventions like history states and use of the browser back button (or Alt + Left Arrow, in Chrome) should continue to function
New views across “pages” should all have unique URLs
New views should also have unique HTML
<title>
s
Page Titles
Anchor | ||||
---|---|---|---|---|
|
...
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:
...