Criterio 2.3.3 - Animaciones desde interacciones (AAA)

Los movimientos animados desencadenados por una interacción pueden ser deshabilitados, a menos que la animación sea esencial para la funcionalidad o para la información que se transmite.

Proposito de este Criterio de Conformidad

El objetivo de este Criterio de Éxito es permitir a los usuarios evitar que se muestre animación en las páginas web. Algunos usuarios experimentan distracción o mareos debido al contenido animado. Por ejemplo, si desplazar una página hace que los elementos se muevan (además del movimiento esencial asociado con el desplazamiento), puede desencadenar trastornos vestibulares. Las reacciones de los trastornos vestibulares (del oído interno) incluyen mareos, náuseas y dolores de cabeza. Otra animación que a menudo no es esencial es el desplazamiento de paralaje. El desplazamiento de paralaje ocurre cuando los fondos se mueven a una velocidad diferente a la de los primeros planos. Sin embargo, esta norma permite la animación que es esencial para la funcionalidad o información de una página web.

'Animación a partir de interacciones' se aplica cuando la interacción del usuario inicia una animación no esencial. En cambio, el Criterio de Conformidad 2.2.2 Pausa, Detención, Ocultar se aplica cuando la página web inicia la animación.

Nota

El impacto de la animación en personas con trastornos vestibulares puede ser bastante severo. Las reacciones desencadenadas incluyen náuseas, migrañas y posiblemente necesitar reposo en cama para recuperarse.

¿Cómo puede un sitio web reducir las posibilidades de desencadenar un trastorno vestibular? Elija una de las siguientes soluciones. Evite el uso de animaciones innecesarias. Proporcione un control para que los usuarios puedan desactivar las animaciones no esenciales a partir de la interacción del usuario. Aproveche la función de reducción de movimiento en el agente de usuario o sistema operativo.

¿Y qué pasa con el movimiento causado por un usuario al desplazar una página? Mover nuevo contenido dentro de la ventana de visualización es esencial para el desplazamiento. El usuario controla el movimiento de desplazamiento esencial, por lo que está permitido. Solo agregue animaciones no esenciales a la interacción de desplazamiento de manera responsable. Siempre brinde a los usuarios la capacidad de desactivar el movimiento innecesario.

Beneficios específicos del Criterio de Conformidad 2.3.3

Trastorno Vestibular

• Las personas con trastornos vestibulares necesitan tener control sobre el movimiento desencadenado por las interacciones. El movimiento no esencial puede provocar reacciones de trastornos vestibulares. Las reacciones de trastornos vestibulares (del oído interno) incluyen distracción, mareos, dolores de cabeza y náuseas.
• Cita de la persona: '¡Detengan ese movimiento adicional! Me están mareando tanto que no puedo concentrarme. Ahora tengo que apagar mi computadora e irme a descansar'.

Ejemplos del Criterio de Conformidad  2.3.3

Desplazamiento en paralaje (Parallax scrolling) con opción para desactivar el movimiento innecesario globalmente:

• Un sitio web incluye animaciones adicionales cuando el usuario desplaza la página. Los elementos decorativos se mueven dentro y fuera de la vista horizontalmente cuando se desplaza el contenido esencial de la página verticalmente. En la parte superior de cada página hay un control que permite al usuario desactivar las animaciones innecesarias. La capacidad de desactivar las animaciones no esenciales es una configuración que se aplica en todo el sitio.

Transiciones que admiten la preferencia de reducir el movimiento:

• Un sitio web incluye una transición no esencial al cargar nuevo contenido. La transición es una animación de cambio de página que respeta la consulta de medios CSS para reducir el movimiento. Cuando el usuario habilita la preferencia de reducir el movimiento, la animación de cambio de página se desactiva.

Animación esencial:

• Una aplicación web proporciona una función para crear secuencias de animaciones. Como parte de esta herramienta, el autor necesita previsualizar la animación.