Merge pull request #63 from MrDemonWolf/claude/a11y-fixes

fix(a11y): make the comparison table keyboard-scrollable

Author: nathanialhenniges

apps/fumadocs/src/app/(home)/page.tsx

@@ -413,8 +413,15 @@ export default function HomePage() {
             title={<>Why self-host Dirework?</>}
             sub="Hosted task widgets are convenient until they're not. Dirework trades a one-time setup for full ownership — on Cloudflare's free plan."
           />
+          {/* tabIndex makes this horizontally-scrolling region reachable by
+              keyboard. Without it the focus-visible styling below can never
+              trigger, and a keyboard-only user has no way to scroll the table
+              (WCAG 2.1.1). Newer browsers auto-focus scrollable containers, but
+              the explicit value makes it deterministic across versions. */}
           <section
             className="mt-12 overflow-x-auto focus-visible:outline-2 focus-visible:outline-[var(--brand-500)]"
+            // biome-ignore lint/a11y/noNoninteractiveTabindex: a scrollable region must be focusable, or keyboard users cannot scroll it.
+            tabIndex={0}
             aria-label="Feature comparison table (scrolls horizontally)"
           >
             <div className="dw-card panel min-w-[600px]" style={{ padding: "1.5rem 2rem" }}>