5.1.2.9 - Requisitos para controle de conteúdo que se movimenta na tela
Descrição
Deve haver controle do usuário para pausar, parar ou ocultar conteúdo que se movimente na tela. A aplicação deve permitir uma forma de parar, pausar ou ocultar conteúdo em movimento que é iniciado automaticamente, que dure mais de cinco segundos e que esteja próximo a outros conteúdos. Atualizações de tela também devem permitir o controle do usuário.
Exemplo
Um vídeo que inicia automaticamente quando o usuário acessa uma área do aplicativo tem botões de pausar ou fechar o vídeo.
Desempenho funcional
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Planeje interfaces de forma que o conteúdo em movimento não interfira na experiência geral. Caso haja animações ou atualizações automáticas, posicione controles visíveis e acessíveis para pausar, parar ou ocultar esse conteúdo, evitando distrações e facilitando o foco em outros elementos da tela.
Inclua pausar em todo conteúdo em movimento
Carrosséis, banners e vídeos automáticos precisam de um controle visível.
Certo: Carrossel com pausa
anotação de especificação
Carrossel com botões "Anterior", "Próximo" e "Pausar".
Errado: Carrossel sem controle
anotação de especificação
Carrossel troca a cada 3 s, sem botões.
Implemente no código mecanismos que permitam ao usuário pausar, parar ou ocultar conteúdos em movimento que durem mais de cinco segundos. Certifique-se de que essas opções estejam facilmente acessíveis e funcionem sem interromper a experiência do usuário, compatíveis com tecnologias assistivas.
Pausar precisa funcionar e ser anunciado
O botão deve refletir o estado e parar o movimento de fato.
Certo: Pausa acessível
<button aria-pressed="false"> Pausar carrossel </button>Leitor de tela anuncia: "Pausar carrossel, botão de alternância, não pressionado"
Errado: Movimento sem parada
setInterval(proximoSlide, 3000); // sem botão de pausaLeitor de tela anuncia: o conteúdo muda enquanto a pessoa ainda lê
Aprenda a fazer com conteúdos selecionados para você
Assegure que a equipe desenvolva controles para parar ou pausar conteúdo em movimento, garantindo uma aplicação inclusiva e que respeite as preferências dos usuários, especialmente os que têm dificuldades com conteúdos animados ou atualizações constantes.
Liste o conteúdo em movimento
Tudo que se move por mais de 5 s precisa de pausar, parar ou ocultar.
Checklist do requisito 5.1.2.9: movimento
- tem pausar
Carrossel da home
movimento automático
- tem fechar
Vídeo de destaque
reprodução automática
- pendente
Feed ao vivo
atualização automática
2 de 3 itens em conformidade, 1 pendente de revisão.
Verificar conteúdos em movimento
Identifique se há conteúdos na aplicação que se movem automaticamente, como animações, banners, ou vídeos em reprodução automática, e que duram mais de cinco segundos.
Testar a presença de controles de interrupção
Assegure que existam controles de pausa, parada ou ocultação próximos ao conteúdo em movimento. Verifique se esses controles são visíveis e acessíveis tanto por interação direta como por tecnologias assistivas.
Funcionalidade dos controles
Realize testes para garantir que os botões de pausa, parada ou ocultação interrompam o movimento de forma eficaz, sem afetar outros elementos funcionais da aplicação.
Testar atualizações automáticas de tela
Verifique se a aplicação permite que o usuário tenha controle sobre atualizações automáticas de tela que possam ocorrer, como feeds de notícias ou seções de comentários.
Revisar a acessibilidade dos controles
Certifique-se de que os controles podem ser ativados por teclado e são compatíveis com leitores de tela e outras tecnologias assistivas.
Simular diferentes cenários
Execute os testes em diversos dispositivos e navegadores para garantir a consistência da funcionalidade dos controles de movimento.
Usabilidade e conforto do usuário
Realize testes com usuários finais para avaliar se conseguem encontrar e utilizar os controles de forma intuitiva, e se o conteúdo em movimento não causa desconforto ou distração.
Tente ler durante o movimento
Encontre o controle e confirme que o conteúdo para.
Certo: Movimento controlado
"Pausar carrossel, botão"
Toque duplo → carrossel parado
Leitura sem interrupção
A pessoa lê no seu ritmo.
Errado: Movimento contínuo
Slide muda durante a leitura
nenhum controle encontrado
Foco perdido a cada troca
Impossível acompanhar.
Disponibilize, ao construir conteúdo que se movimente na tela, possibilidade de parar, pausar ou ocultar as animações ou atualizações. Além disso, descreva claramente para o usuário quando esse tipo de conteúdo existir e como controlar sua vizualiação. Garanta que as intruções dos controles sejam simples e diretas.
Nomeie os controles de movimento
Rótulos devem dizer o que param ou mostram.
Certo: Rótulo específico
rótulo
"Pausar carrossel de ofertas"
Ação e alvo claros.
Errado: Rótulo genérico
rótulo
"Pausar" (três na mesma tela)
Pausar o quê?
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.