feat: implement high-quality accessibility patterns (skip-link, scroll-margins, reduced-motion)

2026-05-16 01:16:33 +03:00
parent f6af0ba227
commit 15fee9be38
2 changed files with 33 additions and 3 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -131,9 +131,19 @@ export default async function RootLayout({
    return (
        <html lang="tr">
            <body className={`${martianMono.variable} antialiased`}>
-                <ClientWrapper>
-                    {children}
-                </ClientWrapper>
+                {/* Skip to Main Content Link */}
+                <a 
+                    href="#main-content" 
+                    className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:px-6 focus:py-3 focus:bg-primary focus:text-white focus:font-bold focus:rounded-sm focus:outline-none"
+                >
+                    Ana İçeriğe Atla
+                </a>
+
+                <div id="main-content">
+                    <ClientWrapper>
+                        {children}
+                    </ClientWrapper>
+                </div>
                <script
                    type="application/ld+json"
                    dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}