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:
@@ -16,8 +16,11 @@
|
||||
</div>
|
||||
<div
|
||||
v-if="mapsLoaded && maps.length === 0"
|
||||
role="region"
|
||||
aria-label="No maps available"
|
||||
class="absolute inset-0 z-[500] flex flex-col items-center justify-center gap-4 bg-base-200/90 p-6"
|
||||
>
|
||||
<icons-icon-map-pin class="size-12 text-base-content/40 shrink-0" aria-hidden="true" />
|
||||
<p class="text-center text-lg">Map list is empty.</p>
|
||||
<p class="text-center text-sm opacity-80">
|
||||
Make sure you are logged in and at least one map exists in Admin (uncheck «Hidden» if needed).
|
||||
|
||||
Reference in New Issue
Block a user