Animação resultante de interações

A Silktide solicita que verifique se as animações de movimento acionadas pela interação do utilizador — paralaxe ao deslocar, transformações ao passar o cursor e transições ao clicar — podem ser desativadas, exceto quando o movimento é essencial. Este é o critério de sucesso 2.3.3 (nível AAA) das .

Esta é uma : decidir se o movimento é essencial, se existe um controlo para o desativar e se prefers-reduced-motion está configurado corretamente requer que uma pessoa interaja com a página. A Silktide apresenta o prompt em cada página e uma pessoa confirma-o.

Por que isto é importante

O movimento acionado por deslocamento, passagem do cursor ou cliques pode desencadear perturbações vestibulares — tonturas, náuseas e enxaquecas — em pessoas sensíveis a esse efeito. Os sistemas operativos disponibilizam uma preferência para “reduzir o movimento” precisamente por esse motivo. Os sites que a ignoram obrigam essas pessoas a suportar o movimento ou a abandonar a página.

Isto é diferente de Pausar, parar, ocultar (2.2.2), que abrange as animações que a página inicia por si própria. O critério 2.3.3 abrange as animações que o utilizador aciona.

O que verificar

Interaja com a página: desloque-se, passe o cursor, coloque o foco e clique. Tome nota de qualquer movimento que desloque o conteúdo no espaço (paralaxe, entradas deslizantes, elementos a saltar e transições de viragem de página). Simples desaparecimentos graduais de opacidade não contam.
Ative a definição de redução de movimento do sistema operativo (ou simule prefers-reduced-motion: reduce nas Ferramentas de Programador do navegador) e repita o processo. O movimento não essencial deve parar.
Se o site não respeitar a preferência do sistema operativo, procure um controlo na página que desative as animações não essenciais. Confirme que funciona e que não oculta conteúdo.
O movimento essencial para o funcionamento (um indicador de carregamento, uma barra de progresso ou uma pré-visualização de criação de animações) está isento — registe essa decisão quando aprovar.

Como corrigir

Dê preferência ao respeito por prefers-reduced-motion em CSS e JavaScript (técnicas C39 e SCR40 das WCAG).
Ou disponibilize um controlo em todo o site que desative o movimento não essencial acionado por interações.
Evite a paralaxe e as transições espaciais amplas quando um efeito mais simples for suficiente.

Se a página não tiver movimento acionado por interações, ou se todo esse movimento puder ser desativado (ou for essencial), o resultado.

Como a Silktide faz a verificação

A Silktide não consegue observar o movimento ao longo do tempo a partir de um rastreio estático, por isso esta verificação apresenta um prompt de revisão por página, descrevendo o que deve ser verificado. Nenhuma ferramenta generalizada automatiza o critério 2.3.3 — não existe uma regra ACT do W3C para este critério, e nem o axe nem o Siteimprove disponibilizam uma verificação para ele.