O que são carrosséis de imagens?
Um carrossel de imagens é um componente de interface que apresenta uma sequência de imagens em uma única área de visualização compartilhada. A navegação pode ser controlada por gestos de deslizar, setas, indicadores ou um temporizador automático.
Como funcionam os carrosséis de imagens
Um carrossel mantém um slide ativo em uma coleção ordenada e atualiza o item visível em resposta à interação do usuário ou a um temporizador. As implementações podem manter todas as imagens no documento, virtualizar slides distantes ou buscar recursos à medida que a navegação se aproxima deles. O estado deve permanecer sincronizado entre controles, foco, anúncios e o rastreamento opcional de URL ou de dados analíticos. Em um fluxo de publicação, ele reúne vários recursos visuais relacionados em uma apresentação interativa após a otimização das imagens.
Informações essenciais
- Slides ocultos apenas por translação podem continuar recebendo foco ou ficar expostos a tecnologias assistivas; o conteúdo inativo precisa de tratamento deliberado de visibilidade e foco, preservando controles de navegação utilizáveis.
- Pré-carregar todos os slides em resolução máxima pode anular a economia de largura de banda no carregamento inicial da página, enquanto carregá-los tarde demais cria transições em branco; priorizar os slides próximos oferece um equilíbrio prático.
- A alternância automática introduz um requisito para conteúdo em movimento: os usuários precisam de um mecanismo para pausá-la, e a interação por foco ou ponteiro não deve provocar uma mudança inesperada de slide.
Quando os carrosséis de imagens são importantes
Escolha um carrossel quando economizar espaço na página for mais importante do que a visibilidade reduzida das imagens fora do slide atual. Ofereça controles de teclado, rótulos claros e uma forma de pausar o movimento automático para evitar falhas de acessibilidade e usabilidade.