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
@@ -4,12 +4,17 @@
        @include('partials.head')
    </head>
    <body class="min-h-screen bg-white antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
+        <!-- Skip to content link for keyboard accessibility -->
+        <a href="#main-content" class="skip-link" data-test="skip-to-content">
+            {{ __('accessibility.skip_to_content') }}
+        </a>
+
        <!-- Language Toggle -->
        <div class="absolute end-4 top-4 z-50">
            <x-language-toggle />
        </div>

-        <div class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
+        <main id="main-content" role="main" tabindex="-1" class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
            <div class="bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-e dark:border-neutral-800">
                <div class="absolute inset-0 bg-neutral-900"></div>
                <a href="{{ route('home') }}" class="relative z-20 flex items-center text-lg font-medium" wire:navigate>
@@ -42,7 +47,7 @@
                    {{ $slot }}
                </div>
            </div>
-        </div>
+        </main>
        @fluxScripts
    </body>
 </html>