gbanyan/usher-manage-stack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance UI and Accessibility (WCAG)

Browse Source 
- Add 'Skip to main content' links to App and Guest layouts.
- Add aria-current to navigation links for active page indication.
- Add aria-label to mobile menu button.
- Include pending UI updates for Dashboard and Welcome pages with improved structure.
This commit is contained in:
Gbanyan
2025-11-28 00:13:04 +08:00
parent 83602b1ed1
commit 86f22f2a76
14 changed files with 444 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
resources/views/layouts/app.blade.php
View File

@@ -15,6 +15,9 @@
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans antialiased bg-gray-50 text-slate-900 transition-colors duration-300 dark:bg-slate-900 dark:text-slate-100">
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:z-50 focus:p-4 focus:bg-white focus:text-black focus:outline-none focus:ring-2 focus:ring-indigo-500">
{{ __('Skip to main content') }}
</a>
<div class="min-h-screen">
@include('layouts.navigation')
@@ -28,7 +31,7 @@
@endif
<!-- Page Content -->
<main class="bg-gray-50 dark:bg-slate-900">
<main id="main-content" class="bg-gray-50 dark:bg-slate-900">
{{ $slot }}
</main>
</div>