Skip to content

a11y: Accesibilidad del modal de detalle de DEA #145

@vgpastor

Description

@vgpastor

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions