Merge pull request #19 from ember-learn/refocus

add ember-a11y-refocus

Author: MinThaMie

app/app.js

@@ -3,6 +3,7 @@ import compatModules from '@embroider/virtual/compat-modules';
 import Resolver from 'ember-resolver';
 import loadInitializers from 'ember-load-initializers';
 import config from 'rfcs-app/config/environment';
+import 'ember-a11y-refocus/styles';
 
 export default class App extends Application {
   modulePrefix = config.modulePrefix;

app/templates/application.gjs

@@ -2,10 +2,13 @@ import { pageTitle } from 'ember-page-title';
 import { LinkTo } from '@ember/routing';
 import EsHeader from 'ember-styleguide/components/es-header';
 import EsSidebar from 'ember-styleguide/components/es-sidebar';
+import { NavigationNarrator } from 'ember-a11y-refocus';
 
 <template>
   {{pageTitle "Ember.js RFCs"}}
-  <EsHeader />
+  <EsHeader>
+    <NavigationNarrator />
+  </EsHeader>
   <main class="sidebar-container sidebar-container--full-width">
     <EsSidebar>
       <ul class="table-of-contents">

package.json

@@ -56,6 +56,7 @@
     "concurrently": "^9.1.2",
     "decorator-transforms": "^2.3.0",
     "downsize-cjs": "^1.1.2",
+    "ember-a11y-refocus": "github:mansona/ember-a11y-refocus#import-styles&path:addon",
     "ember-auto-import": "^2.10.0",
     "ember-cli": "~6.5.0-beta.0",
     "ember-cli-babel": "^8.2.0",