diff --git a/app/globals.css b/app/globals.css
index e2a7d37..0e07d5a 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -24,6 +24,26 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
+/* ===== ACCESSIBILITY ===== */
+:focus-visible {
+    scroll-margin-top: 100px;
+}
+
+:target {
+    scroll-margin-top: 100px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+        scroll-behavior: auto !important;
+    }
+}
+
 /* ===== DIAGONAL LINE DECORATION ===== */
 .diagonal-line {
     position: relative;
diff --git a/app/layout.tsx b/app/layout.tsx
index 4b43a2d..7ac33db 100644
--- 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) }}
