Orientación de Pantalla

Qué Verificamos

Tu aplicación no debería restringir la orientación de pantalla preferida por el usuario. Por ejemplo, si un usuario tiene su dispositivo configurado en modo horizontal, la pantalla debería rotar para coincidir, y no permanecer bloqueada en modo vertical.

Ejemplo Fallido ❌

La aplicación permanece en modo vertical portrait mode incluso cuando el dispositivo se gira a horizontal

Los usuarios con dispositivos montados en una orientación horizontal fija no pueden usar la aplicación

Ejemplo Exitoso ✅

La aplicación rota rotates to landscape mode cuando el dispositivo se gira

Los usuarios con dispositivos montados en cualquier orientación pueden usar completamente la aplicación

En Resumen

• Esta regla tiene un impacto serio para los usuarios
• No bloquees tu aplicación en una sola orientación
• Soporta tanto el modo vertical como el horizontal en las configuraciones de despliegue de tu aplicación

Impacto para los Usuarios

Algunas personas tienen un teléfono o una tableta montados en una orientación fija. Si la aplicación no puede soportar esa orientación, se vuelve inutilizable para el usuario.

Confirma el Problema de Orientación de Pantalla

1. Gira el dispositivo 90 grados de modo vertical a modo horizontal
2. Ocurrirá una de las siguientes situaciones:
   • Inaccesible: La pantalla permanecerá en modo vertical y no rotará a modo horizontal.
   • Accesible: La pantalla rotará de modo vertical a modo horizontal.

Corregir Problemas

UIKit, SwiftUI, React Native

1. Abre tu proyecto o espacio de trabajo en Xcode.
2. En la Project Navigator selecciona el archivo principal de tu proyecto. El panel de configuración del proyecto se abrirá en la ventana principal.
3. Selecciona el objetivo de tu aplicación en la Target List.
4. Abre la pestaña General.
5. Busca la sección Deployment Info y asegúrate de que Device Orientation tenga seleccionados el modo vertical y al menos una variación del modo horizontal.

Flutter

No restrinjas la aplicación a una sola orientación usando SystemChrome.setPreferredOrientations.

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

¿Puedo Ignorar Esta Regla?

La orientación de pantalla tiene un impacto serio para los usuarios. Recomendamos solucionar este problema en casi todos los casos. Si tu aplicación está diseñada específicamente para un dispositivo que está físicamente limitado a una orientación (como un terminal de punto de venta), ignorar esta regla puede ser apropiado. Aprende más sobre ignorando reglas.

Recursos

• Pautas de Accesibilidad al Contenido en la Web (WCAG) 2.1, Recomendación del W3C
  • Criterio de Éxito 1.3.4 - Orientación
• Documentos de Comprensión de WCAG 2.1
  • Comprensión 1.3.4 AA - Orientación