Update frontend components for accessibility and functionality improvements

- Modified docker-compose.dev.yml to conditionally run npm install based on the presence of package-lock.json.
- Upgraded Nuxt version in package-lock.json from 3.21.1 to 4.3.1 for enhanced features.
- Enhanced ConfirmModal component with aria-modal attribute for better accessibility.
- Updated MapErrorBoundary component's error message for clarity.
- Added role and aria-label attributes to MapView and MapSearch components for improved screen reader support.
- Refactored various components to manage focus behavior on modal close, enhancing user experience.
- Improved ToastContainer styling for better responsiveness and visibility.
- Updated layout components to include skip navigation links for improved accessibility.
This commit is contained in:
2026-03-04 01:00:56 +03:00
parent 47b81c8f22
commit adfdfd01c4
22 changed files with 2703 additions and 1140 deletions

View File

@@ -14,10 +14,12 @@
:readonly="!isNew"
/>
</fieldset>
<p id="admin-user-password-hint" class="text-sm text-base-content/60 mb-1">Leave blank to keep current password.</p>
<PasswordInput
v-model="form.pass"
label="Password (leave blank to keep)"
label="Password"
autocomplete="new-password"
aria-describedby="admin-user-password-hint"
/>
<fieldset class="fieldset">
<label class="label">Auths</label>
@@ -61,6 +63,7 @@
<script setup lang="ts">
definePageMeta({ middleware: 'admin' })
useHead({ title: 'User HnH Map' })
const route = useRoute()
const router = useRouter()