From c2db0215680589e588ef3a6f28a02c7f7e45e2d1 Mon Sep 17 00:00:00 2001 From: saravanakumardb1 Date: Sat, 28 Mar 2026 00:47:03 -0700 Subject: [PATCH] fix(web): add skip-to-content link for WCAG keyboard accessibility --- web/src/app/globals.css | 10 ++++++++++ web/src/app/layout.tsx | 1 + 2 files changed, 11 insertions(+) diff --git a/web/src/app/globals.css b/web/src/app/globals.css index 19fca39..f6c4357 100644 --- a/web/src/app/globals.css +++ b/web/src/app/globals.css @@ -186,6 +186,16 @@ body { outline-offset: 2px; } +/* Skip-to-content link (keyboard accessibility) */ +.skip-to-content { + position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 9999; +} +.skip-to-content:focus { + position: fixed; top: 8px; left: 8px; width: auto; height: auto; + padding: 12px 24px; background: var(--cm-surface-elevated); color: var(--cm-accent); + border: 2px solid var(--cm-accent); border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; +} + /* Respect user motion preference */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx index c0bcdb5..948d8e4 100644 --- a/web/src/app/layout.tsx +++ b/web/src/app/layout.tsx @@ -55,6 +55,7 @@ export default function RootLayout({ + Skip to content {children}