Animación a partir de interacciones

Silktide te solicita que verifiques que la animación de movimiento activada por la interacción del usuario - paralaje al desplazarse, transformaciones al pasar el ratón, transiciones al hacer clic - puede desactivarse, salvo que el movimiento sea esencial. Este es el criterio de conformidad 2.3.3 (nivel AAA) de .

Se trata de una : decidir si el movimiento es esencial, si existe un interruptor y si prefers-reduced-motion está implementado correctamente requiere que una persona interactúe con la página. Silktide muestra el aviso en cada página y una persona lo confirma.

Por qué es importante

El movimiento activado al desplazarse, pasar el ratón o hacer clic puede provocar trastornos vestibulares - mareos, náuseas, migrañas - en personas sensibles a ello. Los sistemas operativos ofrecen una preferencia de "reducir movimiento" precisamente por este motivo. Los sitios que la ignoran obligan a esas personas a soportar el movimiento o a abandonar la página.

Esto es distinto de Pausar, detener u ocultar (2.2.2), que cubre la animación que la página inicia por sí misma. 2.3.3 cubre la animación que activa el usuario.

Qué comprobar

Interactúa con la página: desplázate, pasa el ratón, enfoca, haz clic. Anota cualquier movimiento que desplace contenido en el espacio (paralaje, entradas deslizantes, rebotes, transiciones de paso de página). Los simples desvanecimientos de opacidad no cuentan.
Activa el ajuste "reducir movimiento" del sistema operativo (o emula prefers-reduced-motion: reduce en las herramientas de desarrollo del navegador) y repite. El movimiento no esencial debería detenerse.
Si el sitio no respeta la preferencia del sistema operativo, busca un control en la página que desactive la animación no esencial. Confirma que funciona y que no oculta contenido.
El movimiento esencial para la función (un indicador de carga [spinner], una barra de progreso, una vista previa de edición de animaciones) está exento; registra ese juicio cuando lo apruebes.

Cómo solucionarlo

Da preferencia a respetar prefers-reduced-motion en CSS y JavaScript (técnicas WCAG C39 y SCR40).
O proporciona un control global del sitio que desactive la animación no esencial activada por la interacción.
Evita el paralaje y las transiciones espaciales amplias cuando baste un efecto más simple.

Si la página no tiene movimiento activado por la interacción, o si todos esos movimientos se pueden desactivar (o son esenciales), el hallazgo.

Cómo lo prueba Silktide

Silktide no puede observar el movimiento a lo largo del tiempo a partir de un rastreo estático, por lo que esta comprobación lanza un aviso de revisión por página describiendo qué verificar. Ninguna herramienta de uso general automatiza 2.3.3: no existe una regla ACT del W3C para ello y ni axe ni Siteimprove incluyen una comprobación al respecto.