A11Y-002AccesibilidadImportante

Parar la Gota cuando la persona pide menos movimiento

Dificultad: Media
Estimación: 4h
Estado: Abierta
Habilidades: reactsvgaccesibilidad

Zona sensible. Toca permisos, datos personales, el mapa, secretos o la identidad de marca. Necesita revisión de la titular y conviene haber completado alguna tarea antes.

Contexto

La Gota se anima con SMIL (<animate>) y la regla de prefers-reduced-motion solo afecta a CSS: con movimiento reducido siguen activas 8 animaciones. Contradice DESIGN.md.

Qué hacer

Si matchMedia('(prefers-reduced-motion: reduce)') es cierto, llama a svg.pauseAnimations() y fija una forma.
Escucha los cambios de la preferencia.
Añade una prueba e2e con reducedMotion: 'reduce'.

Criterios de aceptación

Con movimiento reducido, animationsPaused() es verdadero en todas las rutas
Sin parpadeo de forma al cargar
Prueba e2e en verde

Archivos

src/components/Gota.tsx

¿Te la quedas?

1. Haz un fork y crea la rama tarea/A11Y-002-parar-la-gota-cuando-la-persona-pide-men.
2. En tareas/accesibilidad/A11Y-002-parar-la-gota-cuando-la-persona-pide-menos-movim.md, cambia la cabecera:
```
estado: reservada
asignada: tu_usuario_de_github
```
3. Abre un PR con ese cambio (commit firmado: git commit -s). Al fusionarse, es tuya durante 14 días.