Modales y componentes interactivos accesibles

Los componentes dinámicos concentran errores de foco, nombres accesibles y estados que pueden bloquear un flujo entero.

Gestiona foco y estado

Cuando se abre un diálogo, el foco debe entrar en él y volver al control de origen al cerrarlo. Los componentes deben exponer su nombre, estado expandido o seleccionado y una forma clara de cerrarse.

Checklist de componentes

Convierte estas comprobaciones en una tarea repetible para diseño, contenido y desarrollo.

El modal tiene título y nombre accesible.
Escape cierra el modal cuando procede.
El foco queda contenido solo mientras el modal está abierto.
Acordeones y menús comunican expandido o contraído.
Los avisos dinámicos se anuncian sin interrumpir la tarea.

Siguiente paso

Prueba los componentes reutilizados en aislamiento y dentro del flujo real donde se usan.