Moved the skipnav inside the header file

GSA-TTS · Oct 21, 2024 · ea0eb63 · ea0eb63
1 parent ed06e32
commit ea0eb63
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -3,6 +3,7 @@
 official government website
 {% endcomment %}
 
+<a class="usa-skipnav" href="#main-content">Skip to main content</a>
 <section class="usa-banner" aria-label="Official website of the United States government">
   <div class="usa-accordion">
     <header class="usa-banner__header">

diff --git a/_includes/layouts/base.html b/_includes/layouts/base.html
@@ -5,19 +5,19 @@
 
 <!DOCTYPE html>
 <html lang="en">
-{% include "meta.html" %}
-<body id="top">
-  <a class="usa-skipnav" href="#main-content">Skip to main content</a>
-  <div class="usa-app {% if theme %}usa-app__theme-{{ theme }}{% endif %}">
-    {% include "header.html" %}
+  {% include "meta.html" %}
+  <body id="top">
+    <div class="usa-app {% if theme %}usa-app__theme-{{ theme }}{% endif %}">
 
-    {% include "menu.html" primary_navigation: site.primary_navigation secondary_navigation: site.secondary_navigation %}
+      {% include "header.html" %}
 
-    {{ content }}
+      {% include "menu.html" primary_navigation: site.primary_navigation secondary_navigation: site.secondary_navigation %}
 
-    {% include "footer.html" %}
+      {{ content }}
 
-  </div>
-  {% include "scripts.html" %}
-</body>
+      {% include "footer.html" %}
+
+    </div>
+    {% include "scripts.html" %}
+  </body>
 </html>