Existem botões frontais e traseiros
Deslizar pode ser uma forma complementar, mas não deve ser a única forma de mover itens.
Carrossel Sistema de projeto
Permite que você navegue pelo conteúdo sequencialmente enquanto ainda controla a localização.
Conteúdo do checklist
Progresso da revisão
01
Estrutura e significado
Compare as informações e a apresentação no contexto de uso.
02
Interação e usabilidade
Experimente a operação, altere o status e continue trabalhando.
03
Complete a experiência
Verifique se há detalhes que são fáceis de perder ao colocar o design em uso.
O progresso é salvo automaticamente neste navegador.
ORIENTAÇÕES
Como revisar
EXEMPLOS
Exemplos de uso
Existem botões frontais e traseiros
As fotos do produto têm botões “Foto anterior”, “Próxima foto” e um rótulo 2/5.
Variantes e casos de uso
Troca de conteúdo
Oferecer botões anterior e próximo e interação por toque adequada, sem obrigar a deslizar.
Testar somente com teclado e depois com toque: ambos devem acessar os mesmos itens.
Exemplo Próxima foto funciona junto com o gesto de deslizar horizontalmente.
Posição no conjunto de conteúdo
Informar qual item está sendo exibido e o total com um rótulo claro.
Trocar por botão e por gesto: o contador deve acompanhar a imagem atual.
Exemplo Exibir Foto 2 / 5 em vez de cinco pontos sem nomes.
Movimento controlado
Permitir pausar a troca automática e respeitar a preferência do dispositivo por movimento reduzido.
Ativar movimento reduzido e focar o carrossel: o conteúdo em leitura não deve mudar automaticamente.
Exemplo O carrossel interrompe a reprodução automática quando a pessoa começa a interagir.
Item em exibição
Manter claros o conteúdo e as ações do item atual, sem permitir foco em slides ocultos.
Percorrer um carrossel de vários slides com Tab: links fora do slide atual não devem receber foco.
Exemplo Somente o botão de detalhes do produto visível entra na ordem de Tab.