Bloqueo de orientación

Silktide comprueba que tus páginas no obliguen a los visitantes a sostener su dispositivo de una forma concreta. Una página debe funcionar tanto en vertical como en horizontal, porque hay personas que no pueden rotar su pantalla.

Dos patrones habituales bloquean la orientación de una página: código que llama a la función de bloqueo de orientación del navegador y estilos que ocultan toda la página con un mensaje de "por favor, gira tu dispositivo" hasta que se rote el dispositivo.

Por qué es importante

Muchas personas físicamente no pueden rotar su dispositivo: una tableta montada en una silla de ruedas, un teléfono en un soporte fijo o una pantalla conectada a hardware de suele estar instalada de forma permanente en una sola orientación. Otras tienen un agarre limitado o un control motor reducido que dificulta girar un dispositivo. Para estos visitantes, una página que insiste en una única orientación es sencillamente inutilizable - ven una pantalla en blanco o un aviso para girar que nunca podrán cumplir.

Cómo solucionarlo

Elimina el código que bloquea la orientación, como las llamadas a screen.orientation.lock():

\/\/ Problema: fuerza la orientación horizontal y falla para las personas que no pueden rotar el dispositivo
screen.orientation.lock("landscape");

Elimina los estilos que dejan la página en blanco en una orientación:

\/* Problema: oculta todo hasta que se rote el dispositivo *\/
@media (orientation: portrait) {
  body { display: none; }
}

En su lugar, diseña la maquetación para que se adapte a ambas orientaciones. Las consultas de medios de orientación están bien para ajustar el diseño, pero nunca para ocultar la página.

Cómo lo comprueba Silktide

Silktide examina los scripts insertados en cada página e informa de cualquiera que llame a una función de bloqueo de orientación como screen.orientation.lock() o la antigua lockOrientation().
Silktide examina los estilos insertados en cada página e informa de cualquier consulta de medios de orientación que oculte toda la página estableciendo display: none en el body de la página.
Los estilos que solo adaptan el diseño según la orientación no se informan: el no es un bloqueo.

Solución de problemas

Mi bloqueo de orientación está en un archivo externo

Silktide examina los scripts y estilos insertados en la propia página. Un bloqueo aplicado desde un archivo de script o de hojas de estilo separado no se detecta, pero afecta igualmente a los visitantes: la guía anterior sigue aplicándose.

Mi contenido realmente necesita una única orientación

Algunas cosas son esenciales en una sola orientación - por ejemplo, una aplicación de piano o un escáner de cheques bancarios. Si el tuyo cumple los requisitos, puedes el hallazgo.