Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Debe funcionar mi sitio web en orientación vertical y horizontal?
Sí: su sitio web debe ser utilizable en orientación vertical y horizontal y no debe forzar ninguna orientación. La razón es tangible — algunas personas no pueden girar su dispositivo, por ejemplo, porque la tableta está montada de forma fija en una silla de ruedas. Una página que solo funciona en orientación horizontal cierra completamente a estos visitantes.
La orientación forzada cierra a los visitantes
La mayoría de los sitios web se adaptan a la orientación del dispositivo automáticamente. Los problemas surgen cuando el diseño o el código fija una orientación: una ventana emergente que dice «Gire su dispositivo», un área de video que solo es operable en orientación horizontal, un formulario de reserva que se corta en orientación vertical. Para la mayoría de los usuarios esto es un inconveniente — para personas con dispositivo montado de forma fija es una puerta cerrada. También afecta a usuarios cuya rotación del dispositivo está bloqueada por razones de salud, como mareos. La regla conoce una excepción estrecha: donde una orientación es técnicamente necesaria — por ejemplo, en una aplicación de teclado de piano — puede prescribirse. Para los sitios web corporativos habituales, prácticamente no hay tales razones.
Cómo nuestro sistema de medición verifica la orientación
Nuestro sistema de medición renderiza su página en un navegador real en varios anchos de pantalla — desde la vista estrecha de móvil hasta la vista ancha de escritorio — y así cubre los anchos típicos en orientación vertical: lo que se desborda o se corta horizontalmente fluye como un hallazgo en el área de responsividad. Si una página bloquea activamente la orientación o pide que gire, esto a menudo solo se ve en el dispositivo real y en el comportamiento de la página — un humano que opera la página en ambas orientaciones lo juzga en el estándar Gold. El informe distingue claramente entre lo que se midió y lo que es un juicio humano.
Beispiele
Querformat erzwungen
<meta name="viewport" content="width=device-width">
<script>screen.orientation.lock("landscape");</script>
<style>@media (orientation: portrait) { body { display: none } }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tabelle { overflow-x: auto; }
</style>Ein Tablet am Rollstuhl ist fest montiert. Die Seite passt sich der Lage an; breite Inhalte bekommen einen eigenen Scrollbereich.
- Abra su sitio web en el móvil y gire el dispositivo — cada función debe seguir siendo accesible en ambas orientaciones.
- Retire ventanas emergentes como «Gire su dispositivo» — son la señal más clara de una orientación forzada.
- Pruebe formularios y flujos de reserva específicamente en orientación vertical, donde los cortes ocurren con mayor frecuencia.
- Pida a su agencia que confirme que no hay un bloqueo de orientación establecido en el código.
- Compruebe el contenido incrustado como videos y mapas en ambas orientaciones — los componentes externos traen sus propios bloqueos.