Contexto
Um carrossel automático troca o conteúdo sem que a pessoa ative um controle. A mudança pode parecer eficiente para expor várias mensagens, mas reduz o tempo de leitura, interrompe decisões e pode deslocar a atenção enquanto a pessoa usa teclado, toque, zoom ou leitor de tela.
Para a maioria das interfaces, prefira um carrossel manual ou uma seção estática. Se a rotação automática for mantida em um contexto específico, ela precisa ser secundária, controlável e interrompida quando houver foco ou interação.
Desative a rotação automática por padrão, principalmente em interfaces móveis. Mostre os itens em uma seção estática ou permita que a pessoa avance e volte manualmente.
Se houver uma razão clara para rotacionar em desktop, ofereça um controle visível para pausar e retomar, pare a rotação ao receber foco ou interação e não reinicie sem uma nova ação da pessoa.
Nunca deixe conteúdo essencial, uma oferta importante ou a única rota para uma tarefa dentro de slides que mudam sozinhos. Repita esse conteúdo em uma área estática ou na navegação.
Mantenha cada slide legível, com controles de anterior e próximo, posição compreensível e tempo suficiente para leitura. Respeite preferências de movimento reduzido.
Teste com teclado, leitor de tela, zoom, toque e diferentes velocidades de leitura.
Porque isso importa?
A rotação automática cria uma mudança de contexto que a pessoa não solicitou. Ela pode interromper a leitura, fazer um clique atingir outro slide e esconder conteúdo que nunca chega a ser visto.
O WCAG 2.2, no critério 2.2.2, exige um mecanismo para pausar, parar ou ocultar conteúdo que se move ou se atualiza automaticamente em paralelo com outras informações, salvo exceções essenciais. Isso é um requisito mínimo de acessibilidade, não uma prova de que o autoplay seja uma boa escolha.
O W3C também alerta que a rotação pode confundir pessoas que usam leitor de tela quando o conteúdo muda sem que a mudança seja percebida. O Baymard encontrou problemas de usabilidade em uma parcela relevante dos carrosséis avaliados e recomenda evitar autorrotação em mobile; seções estáticas costumam ser mais simples de compreender e implementar.
Quando usar?
- Somente quando a rotação tiver um objetivo claro.
- Quando o conteúdo for secundário e não essencial.
- Quando houver controle visível para pausar.
- Quando a interface puder parar ao receber foco.
- Quando houver teste com teclado, toque e leitor de tela.
Quando evitar?
- Em interfaces móveis ou touch.
- Quando o texto exigir leitura cuidadosa.
- Quando cada slide for importante.
- Quando o carrossel for a única rota para uma tarefa.
- Quando não houver pausa clara.
- Quando a mudança puder causar clique ou decisão errada.
Recomendações
Faça
- Prefira controle manual.
- Deixe a pausa visível.
- Pare ao focar.
- Pare após interação.
- Repita conteúdo essencial.
- Teste movimento reduzido.
Evite
- Não troque slides sem ação.
- Não use autoplay no mobile.
- Não esconda conteúdo essencial.
- Não dependa só de pontos.
- Não reinicie após foco.
- Não limite o tempo de leitura.
