Orientación
El contenido no debe estar bloqueado en una única orientación —vertical u horizontal— a menos que esa orientación sea esencial. Los usuarios con el dispositivo montado en una silla de ruedas o sujeto con una empuñadura fija no pueden rotarlo.
Qué exige el criterio
Si un sitio web o aplicación fuerza el dispositivo a permanecer en modo vertical u horizontal, los usuarios que tienen su teléfono o tableta montados en una orientación fija —bandeja de silla de ruedas, cama de hospital, soporte ergonómico— quedan excluidos. El sitio debe adaptarse a la orientación en que se sostenga el dispositivo, a menos que el contenido requiera fundamentalmente una de ellas (un teclado de piano, una fotografía para depositar un cheque, una experiencia VR inmersiva).
Cómo cumplirlo
- No utilizar CSS del tipo
@media (orientation: portrait) { display: none; }para ocultar el sitio fuera de una orientación concreta. - Evitar las API de bloqueo de orientación de pantalla (
screen.orientation.lock('portrait')) en la web; en aplicaciones nativas, bloquear solo cuando sea esencial. - Construir un diseño responsivo que funcione en ambas orientaciones — flexbox y CSS grid lo gestionan sin casos especiales.
- Probar el sitio rotado en un teléfono real — muchos errores solo se manifiestan en dispositivos donde el viewport horizontal es estrecho.
- Para orientaciones esenciales (una almohadilla de firma), informar al usuario con claridad del motivo y de cómo rotar el dispositivo.
Fallos habituales
- Superposición «Por favor, gire su dispositivo a modo vertical» que bloquea todo el contenido en horizontal en tabletas.
- Aplicación que se entrega con
android:screenOrientation="portrait"sin ningún motivo funcional. - Sitio de banca que funciona correctamente en vertical pero presenta una maquetación rota en horizontal sin solución posible.
- Flujo de incorporación que detecta la orientación horizontal y fuerza un intersticial de «gire su teléfono».
Por qué importa
Afecta especialmente a los usuarios de sillas de ruedas eléctricas — una tableta montada en la silla queda fija en una orientación. También afecta a cualquier persona que use el teléfono con una sola mano con el bloqueo de pantalla activado. Es barato corregirlo en la fase de diseño, pero costoso de adaptar si toda la maquetación se construyó pensando únicamente en el modo vertical.