Oaf Routing

Common code for building accessible SPA router wrappers.

Compatibility

For IE support you will need to polyfill Map. Using core-js:

``javascript
import "core-js/es6/map";
`

If you use the smoothScroll option of RouterSettings, you may want to use iamdunstan's smoothscroll polyfill. See MDN's scrollIntoView` browser compatibility.

Libraries that use Oaf Routing

* Oaf React Router for React Router.
* Oaf Next.js Router for Next.js.
* Oaf Navi for Navi.
* Oaf Vue Router for Vue Router.
* Oaf Angular Router for Angular's Router.
* Oaf Svelte Routing for Svelte Routing.
* Oaf Ember Routing for Ember.
* Your accessible SPA router wrapper here?

See also

* https://www.gatsbyjs.org/blog/2019-07-11-user-testing-accessible-client-routing/
* https://www.gatsbyjs.com/blog/2020-02-10-accessible-client-side-routing-improvements/
* Single Page Apps routers are broken
* Accessible page titles in a Single Page App
* Single page applications, Angular.js and accessibility
* Creating accessible React apps
* Accessible React Router navigation with ARIA Live Regions and Redux
* Oaf Side Effects
* https://kit.svelte.dev/docs/accessibility