Bloqueio de orientação

A Silktide verifica se as suas páginas não obrigam os visitantes a segurar o dispositivo de uma determinada forma. Uma página deve funcionar tanto na orientação vertical como na horizontal, porque algumas pessoas não conseguem rodar o ecrã.

Dois padrões comuns bloqueiam a orientação de uma página: código que chama a funcionalidade de bloqueio de orientação do navegador e estilos que ocultam a página inteira com uma mensagem "rode o dispositivo" até que o dispositivo seja virado.

Por que isso é importante

Muitas pessoas não conseguem fisicamente rodar o dispositivo: um tablet montado numa cadeira de rodas, um telemóvel num suporte fixo ou um ecrã ligado a hardware de são frequentemente instalados permanentemente numa única orientação. Outras têm força de preensão ou controlo motor limitados, o que torna difícil rodar um dispositivo. Para esses visitantes, uma página que insiste numa única orientação é simplesmente inutilizável — veem um ecrã em branco ou um prompt para rodar o dispositivo que nunca conseguem cumprir.

Como corrigir

Remova o código que bloqueia a orientação, como chamadas para screen.orientation.lock():

// Problema: força a orientação horizontal e não funciona para utilizadores que não conseguem rodar o dispositivo
screen.orientation.lock("landscape");

Remova os estilos que deixam a página em branco numa determinada orientação:

/* Problema: oculta tudo até que o dispositivo seja rodado */
@media (orientation: portrait) {
  body { display: none; }
}

Em vez disso, crie o layout para se adaptar a ambas as orientações. As consultas de mídia de orientação são adequadas para ajustar o layout — apenas nunca as use para ocultar a página.

Como a Silktide testa isto

Examine os scripts incorporados em cada página e comunique quaisquer scripts que chamem uma função de bloqueio de orientação, como screen.orientation.lock() ou a versão mais antiga lockOrientation().
Examine os estilos incorporados em cada página e comunique quaisquer consultas de mídia de orientação que ocultem a página inteira ao definir display: none no corpo da página.
Os estilos que apenas adaptam o layout de acordo com a orientação não são comunicados — o não é um bloqueio.

Resolução de problemas

O meu bloqueio de orientação está num ficheiro externo

A Silktide examina os scripts e estilos incorporados na própria página. Um bloqueio aplicado a partir de um ficheiro de script ou folha de estilos separado não é detetado, mas afeta os visitantes da mesma forma — as orientações acima continuam a aplicar-se.

O meu conteúdo precisa genuinamente de uma única orientação

Algumas coisas são essenciais numa única orientação — por exemplo, uma aplicação de piano ou um scanner de cheques bancários. Se o seu caso se qualificar, pode o resultado.