claude-code

web/components/a11y/SkipToContent.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+export function SkipToContent() {
+  return (
+    <a
+      href="#main-content"
+      className={[
+        "sr-only focus:not-sr-only",
+        "focus:fixed focus:top-4 focus:left-4 focus:z-50",
+        "focus:px-4 focus:py-2 focus:rounded-md",
+        "focus:bg-brand-600 focus:text-white focus:font-medium focus:text-sm",
+        "focus:outline-none focus:ring-2 focus:ring-brand-300 focus:ring-offset-2",
+      ].join(" ")}
+    >
+      Skip to main content
+    </a>
+  );
+}