5.1.2.4 - Requisitos para orientação de tela
Descrição
O usuário deve ser avisado sempre que for necessário forçar uma determinada orientação (retrato ou paisagem) do dispositivo.
Exemplo
Um jogo que só funciona no modo paisagem exibe uma mensagem “gire o dispositivo para usar a aplicação”, quando o usuário está usando seu dispositivo em modo retrato.
Desempenho funcional
Componentes aplicáveis
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Crie uma interface que seja flexível, mas, se for necessário forçar uma orientação específica (retrato ou paisagem), inclua uma mensagem clara que informe ao usuário o motivo dessa necessidade, garantindo uma transição suave e compreensível.
Avise quando exigir uma orientação
Se a tela só funciona em retrato ou paisagem, explique e oriente.
Certo: Aviso com motivo
anotação de especificação
Em retrato: "Gire o celular para assistir em tela cheia" + ilustração do giro.
Errado: Tela quebrada sem aviso
anotação de especificação
Em retrato, o jogo aparece cortado, sem nenhuma mensagem.
No código, implemente verificações que detectem quando a orientação precisa ser forçada e notifique o usuário de maneira apropriada, usando mensagens claras. Garanta que essa notificação seja acessível e compreensível por tecnologias assistivas.
O aviso também precisa ser anunciado
Detecte a orientação e mostre uma mensagem que o leitor de tela lê.
Certo: Aviso anunciado
if (matchMedia("(orientation: portrait)").matches) { aviso.hidden = false; // role="alert" }Leitor de tela anuncia: "Gire o dispositivo para usar o jogo"
Errado: Orientação forçada em silêncio
screen.orientation.lock("landscape"); // nenhum avisoLeitor de tela anuncia: nada: a tela muda sem explicação
Aprenda a fazer com conteúdos selecionados para você
Certifique-se de que, quando a aplicação forçar a orientação do dispositivo (como retrato ou paisagem), o usuário seja notificado de forma adequada, para evitar surpresas e promover uma experiência de uso fluida e transparente.
Liste as telas com orientação fixa
Cada uma deve ter um motivo real e um aviso acessível.
Checklist do requisito 5.1.2.4: orientação de tela
- aviso com motivo
Player de vídeo
paisagem
- aviso com motivo
Jogo
paisagem
- pendente
Leitor de documentos
retrato
2 de 3 telas em conformidade, 1 pendente de revisão.
Aviso prévio de orientação
Confira que há uma mensagem de aviso que informe o usuário sobre a necessidade de alterar a orientação do dispositivo (retrato ou paisagem) antes que a aplicação force essa mudança.
Mensagem clara e visível
A mensagem de aviso deve ser clara, visível e legível, posicionada de forma a chamar a atenção do usuário, mas sem interromper bruscamente a experiência de uso.
Explicação do motivo
Sempre que possível, forneça uma breve explicação sobre por que a orientação específica é necessária (por exemplo, para melhor visualização de gráficos ou vídeos).
Compatibilidade com tecnologias assistivas
Certifique-se de que o aviso seja interpretado corretamente por leitores de tela e outros recursos de acessibilidade, garantindo que usuários com deficiência também percebam a mensagem.
Testes de experiência do usuário
Realize testes com usuários para verificar se a mensagem de aviso é compreendida e se a transição de orientação ocorre sem impactos negativos na usabilidade.
Abra cada tela nas duas orientações
Gire o dispositivo e confira o aviso com e sem leitor de tela.
Certo: Aviso percebido
Celular em retrato
"Gire o dispositivo para jogar"
Celular em paisagem → jogo inicia
A pessoa entende o que fazer.
Errado: Pessoa confusa
Celular em retrato
Tela cortada
nenhum aviso
Parece que o app travou.
Redija mensagens informativas e diretas que expliquem ao usuário por que é necessário mudar a orientação do dispositivo e o impacto que isso terá na experiência de uso.
Diga o que fazer e por quê
Mensagens de orientação devem trazer a ação e o motivo.
Certo: Ação e motivo
mensagem
"Gire o celular para a horizontal para ver o gráfico completo."
Diz o que fazer e para quê.
Errado: Ordem seca
mensagem
"Orientação não suportada."
Não orienta a pessoa.
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.