5.1.1.25 - Requisitos para elementos piscantes
Descrição
Deve haver opção de contornar os elementos piscantes. Caso existam elementos em tela que piscam três vezes ou mais por segundo, o usuário deve ser avisado com antecedência para que possa evitar a visualização deste tipo de conteúdo. Caso seja tecnicamente possível, deve haver uma função para desabilitar os elementos piscantes. Elementos piscantes podem deixar os usuários desorientados, confusos ou causar desconforto e convulsões em pessoas com fotossensibilidade.
Exemplo
Um jogo tem uma área que pisca apenas em pequenas áreas e por curto período de tempo. O usuário é avisado disso antes de iniciar o jogo e recebe uma opção para remover ou adaptar de forma inteligente esse tipo de conteúdo.
Desempenho funcional
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Evite o uso de elementos que piscam rapidamente. Se for necessário incluir esse tipo de elemento, projete uma interface que ofereça um aviso claro e a opção de desativá-los. Priorize a experiência de usuários com fotossensibilidade para evitar desconforto ou danos.
Evite piscadas; se inevitável, avise
Nada deve piscar 3 vezes ou mais por segundo sem aviso e opção de desligar.
Certo: Aviso antes do conteúdo
anotação de especificação
Tela de aviso: "Este jogo contém luzes piscantes" + botão "Desativar efeitos".
Errado: Piscada sem aviso
anotação de especificação
Banner promocional piscando 5 vezes por segundo ao abrir o app.
No código, implemente um aviso que informe o usuário sobre a presença de elementos piscantes antes de serem exibidos. Sempre que possível, adicione uma função para desativar ou pausar esses elementos, utilizando scripts ou controles que previnam o piscamento excessivo.
Respeite quem pede menos movimento
Desligue efeitos piscantes quando o sistema pedir movimento reduzido.
Certo: Efeito controlável
@media (prefers-reduced-motion: reduce) { .alerta { animation: none; } }O efeito para para quem pediu menos movimento.
Errado: Efeito sempre ligado
.alerta { animation: piscar 0.2s infinite; }5 piscadas por segundo, sem como parar.
Aprenda a fazer com conteúdos selecionados para você
Garanta que a equipe minimize ou elimine o uso de elementos piscantes. Quando for inevitável, certifique-se de que existam controles claros para alertar e permitir que os usuários desabilitem esses elementos, promovendo uma aplicação segura e inclusiva.
Inventarie efeitos piscantes
Liste animações, vídeos e banners e confira frequência e controles.
Checklist do requisito 5.1.1.25: efeitos visuais
- aviso prévio
Abertura do jogo
vídeo
- pisca menos de 3x/s
Alerta de erro
animação
- pendente
Banner promocional
animação
2 de 3 itens em conformidade, 1 pendente de revisão.
Identificar elementos piscantes
Faça uma análise completa da aplicação para identificar quaisquer elementos que pisquem ou cintilem a uma frequência de três vezes ou mais por segundo.
Confira se há uma opção de desativação
Caso exista elementos piscante, certifique-se que há opções para desabilitar elementos piscantes. Isso pode ser um botão de configuração que permita ao usuário escolher desabilitar tais elementos ou uma opção dentro das preferências da aplicação.
Testes de acessibilidade
Utilize ferramentas e padrões de acessibilidade para verificar se a aplicação atende aos requisitos de segurança relacionados à fotossensibilidade. Simule a experiência do usuário com fotossensibilidade para garantir que os elementos não causem desconforto.
Meça a frequência das piscadas
Grave a tela ou use uma ferramenta de análise de fotossensibilidade.
Certo: Conteúdo seguro
Aviso exibido antes do vídeo
Opção "Desativar efeitos" funciona
Piscadas abaixo de 3 por segundo
Pessoas fotossensíveis podem evitar o conteúdo.
Errado: Conteúdo de risco
Nenhum aviso
Sem opção de desligar
5 piscadas por segundo
Risco de convulsão.
Certifique-se de que, se houver conteúdo com piscadas rápidas, as descrições e avisos sejam claros e forneçam informações sobre como desabilitar esse tipo de conteúdo, garantindo que todos os usuários possam evitar desconforto.
Escreva avisos claros sobre piscadas
Diga o que há no conteúdo e como evitar.
Certo: Aviso completo
aviso
"Atenção: este vídeo tem luzes piscantes. Toque em Desativar efeitos para assistir sem elas."
Diz o risco e a saída.
Errado: Aviso vago
aviso
"Conteúdo intenso."
Não diz o que é nem como evitar.
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.