Resumo

  • A Recomendação WCAG 2.1 de 2018 estabeleceu que animações de movimento acionadas por interação devem poder ser desativadas quando não forem essenciais à função ou à informação.
  • O primeiro rascunho público de Media Queries Level 5, em março de 2020, descreveu prefers-reduced-motion com os valores reduce e no-preference. Uma técnica posterior da WAI mostra tanto a retirada de um efeito quanto o caminho de começar parado e acrescentar movimento sob a segunda condição.

O cartão fazia uma cambalhota a cada avanço. A equipe tinha criado uma transição espirituosa; o leitor queria chegar ao próximo conteúdo sem assistir à mesma ginástica pela décima vez. Em algum momento anterior, ele já tinha comunicado ao sistema ou navegador que preferia menos movimento. O problema da página era ouvir esse recado e decidir o que fazer com a própria coreografia.

A Recomendação WCAG 2.1 publicada pelo W3C em 5 de junho de 2018 trouxe o critério de sucesso 2.3.3, Animação de Interações. Ele trata de movimento iniciado por uma ação do usuário e pede uma forma de desativá-lo quando o efeito não é essencial à funcionalidade ou à informação. O documento deixa espaço para o autor criar uma interface expressiva. Também garante ao leitor uma saída para o número acrobático que pouco ajuda a abrir o próximo cartão.

O primeiro Working Draft público de Media Queries Level 5, de 3 de março de 2020, descreveu a pergunta que o CSS poderia fazer: prefers-reduced-motion. reduce informa que a preferência por menos movimento foi comunicada ao sistema. no-preference informa que nenhuma preferência desse tipo chegou até ele; como condição booleana sem valor explícito, esse estado avalia como falso. Silêncio é silêncio. O cartão não ganhou licença para emendar três saltos mortais.

O navegador transporta um sinal vindo do ambiente do leitor. O site escolhe as regras que vão responder a ele. Pode fazer o próximo cartão aparecer de imediato, suavizar uma transição ou reservar um efeito para determinada condição. A preferência expressa uma vez pode acompanhar o leitor por muitas páginas, enquanto cada editor continua responsável pelos movimentos que desenhou. A divisão é simples e bastante concreta: quem pede calma e quem monta o espetáculo.

O Working Draft de 18 de dezembro de 2021 manteve os valores reduce e no-preference entre os recursos ligados às preferências do usuário. O histórico de publicações do W3C situa o primeiro rascunho público em 2020 e os rascunhos seguintes até 2021. Uma escolha feita em uma tela de configurações passou a ter uma expressão legível no código de estilos da página.

A técnica C39 da WAI, atualizada em janeiro de 2026, apresenta duas maneiras de agir. A primeira cria o movimento e usa @media (prefers-reduced-motion: reduce) para interrompê-lo. A segunda começa com estilos estáticos e acrescenta a animação apenas sob @media (prefers-reduced-motion: no-preference). Para o nosso cartão saltador, essa segunda abordagem obriga a perguntar qual informação a cambalhota entrega. Talvez o novo cartão possa simplesmente chegar ao lugar certo.

C39 aborda movimentos de CSS desencadeados por ações como clicar ou rolar a página. A WAI descreve como efeitos desse tipo podem causar distração ou mal-estar em algumas pessoas. O critério de 2018 mantém espaço para movimento essencial à função ou ao conteúdo. O leitor pode comunicar sua escolha em uma configuração geral, sem prestar esclarecimentos pessoais a cada site visitado.

A direção artística permanece com o editor; o navegador leva até ele a preferência do leitor. O próximo cartão deve aparecer e continuar legível. Quando a página ouve um pedido de calma, ela pode oferecer conteúdo sem exigir ingresso para uma sessão de acrobacia.