diff --git a/.gitignore b/.gitignore
index 4fe1b467d..7c3e3bbbb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -82,3 +82,4 @@ out
 /out_functions/
 
 build/*
+
diff --git a/src/assets/css/nav.css b/src/assets/css/nav.css
index 8efbdbc50..91027ebdd 100644
--- a/src/assets/css/nav.css
+++ b/src/assets/css/nav.css
@@ -1,5 +1,25 @@
 /* NAV */
 /* overide bootstrap mobile nav styles */
+
+/* skip to main link - Accessibility */
+
+#skip-to-main-link {
+  display: block;
+  font-size: 1.3rem;
+  left: 250px;
+  background-color: var(--element-2);
+  padding: 5px 5px;
+  color: var(--element-4);
+  text-decoration: underline;
+  position: absolute;
+  transform: translateY(-450%);
+  z-index: 99;
+}
+
+#skip-to-main-link:focus {
+  transform: translateY(-200%);
+}
+
 /* hamburger menu styles */
 .hamburger {
   position: absolute;
diff --git a/src/components/Nav/Nav.js b/src/components/Nav/Nav.js
index d78dfb186..ace12802f 100644
--- a/src/components/Nav/Nav.js
+++ b/src/components/Nav/Nav.js
@@ -129,6 +129,11 @@ function Nav() {
                 <div className="homeLink">VetsWhoCode</div>
               </a>
             </Link>
+            <Link href="#our_stories">
+              <a id="skip-to-main-link" className="a">
+                Skip to main
+              </a>
+            </Link>
           </div>
           <button
             type="button"
diff --git a/tests/components/__snapshots__/Layout.test.js.snap b/tests/components/__snapshots__/Layout.test.js.snap
index 3b3703fec..5be8fba12 100644
--- a/tests/components/__snapshots__/Layout.test.js.snap
+++ b/tests/components/__snapshots__/Layout.test.js.snap
@@ -48,6 +48,13 @@ exports[`<Layout /> should render correctly 1`] = `
                 VetsWhoCode
               </div>
             </a>
+            <a
+              class="a"
+              href="/#our_stories"
+              id="skip-to-main-link"
+            >
+              Skip to main
+            </a>
           </div>
           <button
             aria-expanded="false"
diff --git a/tests/components/__snapshots__/Nav.test.js.snap b/tests/components/__snapshots__/Nav.test.js.snap
index 3bef49fdd..efecff0a5 100644
--- a/tests/components/__snapshots__/Nav.test.js.snap
+++ b/tests/components/__snapshots__/Nav.test.js.snap
@@ -41,6 +41,13 @@ exports[`<Nav /> should render correctly 1`] = `
             VetsWhoCode
           </div>
         </a>
+        <a
+          class="a"
+          href="/#our_stories"
+          id="skip-to-main-link"
+        >
+          Skip to main
+        </a>
       </div>
       <button
         aria-expanded="false"