Orientação da Tela

O Que Verificamos

Seu aplicativo não deve restringir a orientação de exibição preferida do usuário. Por exemplo, se o usuário configurou seu dispositivo para o modo paisagem, a tela deve girar para corresponder — não ficar travada no modo retrato.

Exemplo de Falha ❌

O aplicativo permanece no portrait mode mesmo quando o dispositivo é girado para paisagem

Usuários com dispositivos montados em uma orientação paisagem fixa não conseguem usar o aplicativo

Exemplo de Sucesso ✅

O aplicativo rotates to landscape mode quando o dispositivo é girado

Usuários com dispositivos montados em qualquer orientação podem usar o aplicativo plenamente

Em Resumo

• Esta regra tem um impacto sério para os usuários
• Não bloqueie seu aplicativo em uma única orientação
• Dê suporte tanto ao modo retrato como paisagem nas configurações de implantação do seu aplicativo

Impacto para os Usuários

Algumas pessoas têm um telefone ou tablet montado em uma orientação fixa. Se o aplicativo não puder suportar essa orientação, ele se tornará inutilizável para o usuário.

Confirmar Problema de Orientação de Tela

1. Gire o dispositivo 90 graus do modo retrato para o modo paisagem
2. Uma das seguintes coisas acontecerá:
   • Inacessível: A tela permanecerá no modo retrato e não girará para o modo paisagem.
   • Acessível: A tela girará do modo retrato para o modo paisagem.

Corrigir Problemas

UIKit, SwiftUI, React Native

1. Abra seu projeto ou espaço de trabalho do Xcode.
2. Na Project Navigator selecione o arquivo principal do seu projeto. O painel de configurações do projeto abrirá na janela principal.
3. Selecione o alvo do seu aplicativo na Target List.
4. Abra a aba General.
5. Encontre a seção Deployment Info e certifique-se de que Device Orientation tenha Retrato e pelo menos uma variação de Paisagem selecionada.

Flutter

Não restrinja o aplicativo a uma única orientação usando SystemChrome.setPreferredOrientations.

// Failing — locked to portrait only
SystemChrome.setPreferredOrientations([
  DeviceOrientation.portraitUp,                                                   
  DeviceOrientation.portraitDown,
]);                                                                               
                                                                                
// Passing — all orientations allowed
SystemChrome.setPreferredOrientations(DeviceOrientation.values);

Posso Ignorar Esta Regra?

A Orientação de Tela tem um Impacto sério para os usuários. Recomendamos resolver esse problema em quase todos os casos. Se seu aplicativo for especificamente projetado para um dispositivo que é fisicamente restrito a uma única orientação (como um terminal de ponto de venda), ignorar essa regra pode ser apropriado. Saiba mais sobre ignorando regras.

Recursos

• Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1, Recomendação W3C
  • Critério de Sucesso 1.3.4 - Orientação
• Documentos de Compreensão do WCAG 2.1
  • Compreensão 1.3.4 AA - Orientação