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">
            <x-language-toggle />
        </div>

-        <div class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+        <main id="main-content" role="main" tabindex="-1" class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
            <div class="flex w-full max-w-sm flex-col gap-2">
                <a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
                    <span class="flex h-9 w-9 mb-1 items-center justify-center rounded-md">
@@ -21,7 +26,7 @@
                    {{ $slot }}
                </div>
            </div>
-        </div>
+        </main>
        @fluxScripts
    </body>
 </html>