Saltar al contenido
Pon el foco
Criterios de Perceptible

PerceptiblePauta 1.3 Adaptable

1.3.4Orientación

Nivel AALo exige la normativa (EN 301 549).

Qué pide

El contenido funciona en vertical y en horizontal, salvo que una orientación sea imprescindible.

A quién ayuda: Personas con el móvil fijado a una silla de ruedas o soporte.

Un caso real

La app de un banco solo funciona en vertical.

BienLa app se adapta a ambas orientaciones.
MalAl girar el móvil aparece «Gira tu dispositivo para continuar».

Cómo aplicarlo en código

Adaptar el diseño en lugar de bloquear la orientación

Revisa también el manifiesto de tu app web: no fijes "orientation": "portrait" salvo que sea imprescindible.

CorrectoCSS
.app { display: grid; gap: 1rem; }

@media (orientation: landscape) {
  .app { grid-template-columns: 1fr 1fr; }
}
IncorrectoCSS
/* Obliga a girar el móvil */
@media (orientation: portrait) {
  .app { display: none; }
  .aviso-gira-el-movil { display: block; }
}

Cómo comprobarlo

Gira el dispositivo en cada pantalla y comprueba que todo sigue disponible.

Understanding 1.3.4 (W3C, en inglés)