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:
@@ -13,6 +13,7 @@
|
||||
:required="required"
|
||||
:autocomplete="autocomplete"
|
||||
:readonly="readonly"
|
||||
:aria-describedby="ariaDescribedby"
|
||||
@input="emit('update:modelValue', ($event.target as HTMLInputElement).value)"
|
||||
/>
|
||||
<button
|
||||
@@ -38,8 +39,9 @@ const props = withDefaults(
|
||||
autocomplete?: string
|
||||
readonly?: boolean
|
||||
inputId?: string
|
||||
ariaDescribedby?: string
|
||||
}>(),
|
||||
{ required: false, autocomplete: 'off', inputId: undefined }
|
||||
{ required: false, autocomplete: 'off', inputId: undefined, ariaDescribedby: undefined }
|
||||
)
|
||||
|
||||
const emit = defineEmits<{ 'update:modelValue': [value: string] }>()
|
||||
|
||||
Reference in New Issue
Block a user