Oaf Routing
Common code for building accessible SPA router wrappers.
Compatibility
For IE support you will need to polyfill Map. Using core-js:
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