complete story 9.10 with qa tests

2026-01-03 02:50:16 +02:00
parent 9228921669
commit c96f31c702
12 changed files with 525 additions and 24 deletions
@@ -5,12 +5,8 @@
    </head>
    <body class="min-h-screen flex flex-col bg-cream" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
        <!-- Skip to content link for keyboard accessibility -->
-        <a
-            href="#main-content"
-            class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:start-4 focus:z-[100] focus:bg-gold focus:text-navy focus:px-4 focus:py-2 focus:rounded-md focus:font-semibold"
-            data-test="skip-to-content"
-        >
-            {{ __('Skip to content') }}
+        <a href="#main-content" class="skip-link" data-test="skip-to-content">
+            {{ __('accessibility.skip_to_content') }}
        </a>

        <x-navigation />
@@ -18,7 +14,7 @@
        <!-- Spacer for fixed navigation -->
        <div class="h-16"></div>

-        <main id="main-content" class="flex-1" tabindex="-1">
+        <main id="main-content" role="main" class="flex-1" tabindex="-1">
            <div class="max-w-[1200px] mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8">
                {{ $slot }}
            </div>