Merge pull request #60 from MITLibraries/gdt-161-skip-links

Allow custom skip link(s)
MITLibraries · Mar 26, 2024 · ba5bdc9 · ba5bdc9
2 parents ca56f70 + daa56df
commit ba5bdc9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -58,6 +58,9 @@ repo and make appropriate changes.
 `app/views/layouts/_site_footer.html.erb` is also available if you really need
 a third footer above the other two (I'm looking at you bento!).
 
+`app/views/layouts/_skip_links.html.erb` provides the option to change the href or text for the skip link, or include
+multiple skip links if needed.
+
 If you need to make changes to other templates, you can also copy those to your local repo but you should check with others as the main header / footer / etc are probably best left as they are in this gem.
 
 ## Adding Additional JavaScript to HTML Head

diff --git a/app/views/layouts/_skip_links.html.erb b/app/views/layouts/_skip_links.html.erb
@@ -0,0 +1 @@
+<a id="skip" class="sr sr-focusable" href="#content-main">Skip to main content</a>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -4,7 +4,7 @@
     <%= render partial: "layouts/head" %>
   </head>
   <body class="app-theme">
-    <a id="skip" class="skip sr sr-focusable" href="#content-main">Skip to main content</a>
+    <%= render partial: "layouts/skip_links" %>
 
     <div class="wrap-page">