From 5b7acb89ee4479b3ed4054c8b4d16557182daae0 Mon Sep 17 00:00:00 2001
From: Tanner Linsley <tannerlinsley@gmail.com>
Date: Fri, 16 Oct 2026 12:58:30 -0600
Subject: [PATCH] Add keyboard skip link for site navigation

---
 src/components/Navbar.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 1d6c29b84..e20f2913b 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -773,6 +773,12 @@ export function Navbar({ children }: { children: React.ReactNode }) {
 
   return (
     <>
+      <a
+        href="#site-main-content"
+        className="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[200] focus:rounded-md focus:bg-white focus:px-4 focus:py-2 focus:text-black"
+      >
+        Skip to content
+      </a>
       {navbar}
       {mobileMenu}
       <div
@@ -793,7 +799,11 @@ export function Navbar({ children }: { children: React.ReactNode }) {
           siteBackdropActive ? 'blur-[4px]' : 'filter-none',
         )}
       >
-        <div className="flex-1 min-w-0 flex flex-col w-full min-h-0">
+        <div
+          id="site-main-content"
+          tabIndex={-1}
+          className="flex-1 min-w-0 flex flex-col w-full min-h-0 focus:outline-none"
+        >
           {children}
         </div>
       </div>