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