Orientamento
Il contenuto non deve essere bloccato su un singolo orientamento — verticale o orizzontale — a meno che quell'orientamento non sia essenziale. Gli utenti con il dispositivo fissato su una sedia a rotelle o che tengono il telefono in una posizione fissa non possono ruotare il dispositivo.
Che cosa richiede
Se un sito web o un’app forza il dispositivo in modalità verticale o orizzontale, gli utenti che hanno il telefono o il tablet montato in un orientamento fisso — vassoio di sedia a rotelle, letto d’ospedale, supporto ergonomico — restano esclusi. Il sito deve adattarsi a qualsiasi orientamento in cui il dispositivo viene tenuto, a meno che il contenuto non lo richieda fondamentalmente (una tastiera per pianoforte, la foto di un assegno da depositare, un’esperienza VR immersiva).
Come soddisfarlo
- Non usare CSS come
@media (orientation: portrait) { display: none; }per nascondere il sito al di fuori di un solo orientamento. - Evitare le API di blocco dell’orientamento dello schermo (
screen.orientation.lock('portrait')) sul web; nelle app native, bloccare solo quando è essenziale. - Costruire un layout responsive che funzioni in entrambi gli orientamenti — flexbox e CSS grid gestiscono questo senza casi speciali.
- Testare il sito ruotato su un telefono reale — molti bug emergono solo su dispositivi dove il viewport orizzontale è ridotto in altezza.
- Per gli orientamenti essenziali (un pad per firme), informare chiaramente l’utente del motivo e di come ruotare il dispositivo.
Errori comuni
- Overlay «Ruotare il dispositivo in verticale» che blocca tutto il contenuto in modalità orizzontale sui tablet.
- App distribuita con
android:screenOrientation="portrait"senza alcun motivo funzionale. - Un sito bancario che funziona correttamente in verticale ma in orizzontale mostra un layout non corretto senza possibilità di correzione.
- Flusso di onboarding che rileva la modalità orizzontale e forza un interstitial «ruotare il telefono».
Perché è importante
Riguarda in particolare gli utenti di sedie a rotelle motorizzate — un tablet su un supporto per sedia a rotelle è fisso in un orientamento. Riguarda anche chiunque usi il telefono con una mano sola con il blocco dello schermo attivo. Semplice da correggere in fase di progettazione, costoso da rimediare se l’intero layout è stato costruito prima in modalità verticale.