## Descripción El modal de detalle de DEA (`AedDetailModal.tsx`) necesita mejoras de accesibilidad para cumplir con WCAG 2.1. ## Tareas - [ ] Añadir `role="dialog"` + `aria-modal="true"` + `aria-labelledby` al contenedor principal del modal - [ ] Implementar **focus trap** para que el foco no escape al fondo cuando el modal está abierto - [ ] Añadir `aria-label="Cerrar"` al botón de cierre (actualmente solo tiene icono) - [ ] Galería de miniaturas: marcar la imagen seleccionada con `aria-current="true"` y añadir `aria-label` a los botones de miniatura - [ ] Enlace de Google Maps: indicar que abre en nueva ventana (`aria-label="Cómo llegar (abre en nueva ventana)"`) - [ ] Añadir `title` o `aria-label` a los iconos decorativos (teléfono, email, navegación, edificio) - [ ] Devolver el foco al elemento que abrió el modal cuando se cierra ## Archivos afectados - `src/components/AedDetailModal.tsx` ## Contexto Identificado durante la revisión de #130. Related: #116
Descripción
El modal de detalle de DEA (
AedDetailModal.tsx) necesita mejoras de accesibilidad para cumplir con WCAG 2.1.Tareas
role="dialog"+aria-modal="true"+aria-labelledbyal contenedor principal del modalaria-label="Cerrar"al botón de cierre (actualmente solo tiene icono)aria-current="true"y añadiraria-labela los botones de miniaturaaria-label="Cómo llegar (abre en nueva ventana)")titleoaria-labela los iconos decorativos (teléfono, email, navegación, edificio)Archivos afectados
src/components/AedDetailModal.tsxContexto
Identificado durante la revisión de #130. Related: #116