Blocco dell'orientamento

Silktide controlla che le tue pagine non obblighino i visitatori a tenere il dispositivo in un determinato modo. Una pagina dovrebbe funzionare sia in orientamento verticale sia in orientamento orizzontale, perché alcune persone non possono ruotare lo schermo.

Due schemi comuni bloccano l'orientamento di una pagina: il codice che richiama la funzione di blocco dell'orientamento del browser e gli stili che nascondono l'intera pagina con un messaggio del tipo "ruota il dispositivo" finché il dispositivo non viene ruotato.

Perché è importante

Molte persone non possono fisicamente ruotare il proprio dispositivo: un tablet montato su una sedia a rotelle, un telefono in un supporto fisso o uno schermo collegato a un dispositivo di sono spesso installati permanentemente in un solo orientamento. Altre persone hanno una presa o un controllo motorio limitati, che rendono difficile ruotare un dispositivo. Per questi visitatori, una pagina che insiste su un solo orientamento è semplicemente inutilizzabile: vedono uno schermo vuoto o un messaggio che chiede di ruotare il dispositivo, un'azione che non possono mai completare.

Come risolvere il problema

Rimuovi il codice che blocca l'orientamento, ad esempio le chiamate a screen.orientation.lock():

// Problema: forza l'orientamento orizzontale e crea problemi agli utenti che non possono ruotare il dispositivo
screen.orientation.lock("landscape");

Rimuovi gli stili che svuotano la pagina in un determinato orientamento:

/* Problema: nasconde tutto finché il dispositivo non viene ruotato */
@media (orientation: portrait) {
  body { display: none; }
}

Progetta invece il layout in modo che si adatti a entrambi gli orientamenti. Le media query per l'orientamento vanno bene per modificare il layout, ma non devono mai essere usate per nascondere la pagina.

Come Silktide esegue il controllo

Esamina gli script incorporati in ogni pagina e segnala quelli che richiamano una funzione di blocco dell'orientamento, come screen.orientation.lock() o la precedente lockOrientation().
Esamina gli stili incorporati in ogni pagina e segnala qualsiasi media query per l'orientamento che nasconda l'intera pagina impostando display: none sul corpo della pagina.
Gli stili che si limitano ad adattare il layout in base all'orientamento non vengono segnalati: il non è un blocco.

Risoluzione dei problemi

Il mio blocco dell'orientamento si trova in un file esterno

Silktide esamina gli script e gli stili incorporati nella pagina stessa. Un blocco applicato da uno script o da un foglio di stile separato non viene rilevato, ma influisce comunque sui visitatori: le indicazioni sopra riportate restano valide.

I miei contenuti richiedono davvero un solo orientamento

Alcune cose sono essenziali in un solo orientamento, ad esempio un'app per pianoforte o uno scanner per assegni bancari. Se il tuo caso rientra in questa categoria, puoi il risultato.