A11y

2024-10-31 14:26:17 -05:00
parent deba15f2f0
commit fa808e8970
2 changed files with 16 additions and 0 deletions
@@ -59,3 +59,17 @@ body {
    display: none;
  }
 }
+
+.skip-navigation {
+  --left-offset: -999em;
+
+  inset-block-start: 4rem;
+  inset-inline-start: var(--left-offset);
+  position: absolute;
+  white-space: nowrap;
+  z-index: 11;
+
+  &:focus {
+    --left-offset: var(--inline-space);
+  }
+}
@@ -19,6 +19,8 @@
  </head>

  <body>
+    <a href="#main-content" class="skip-navigation btn">Skip to main content</a>
+
    <header id="header">
      <%= yield :header %>
    </header>