Orientamento dello schermo

Cosa Controlliamo

La tua app non dovrebbe limitare l'orientamento dello schermo preferito dall'utente. Ad esempio, se un utente ha impostato il proprio dispositivo in modalità orizzontale, la visualizzazione dovrebbe ruotare per adattarsi, non rimanere bloccata in modalità verticale.

Esempio di Fallimento ❌

L'app rimane in modalità verticale portrait mode anche quando il dispositivo viene ruotato in orizzontale

Gli utenti con dispositivi montati in una posizione orizzontale fissa non possono utilizzare l'app

Esempio di Successo ✅

L'app ruota rotates to landscape mode quando il dispositivo viene ruotato

Gli utenti con dispositivi montati in qualsiasi orientamento possono utilizzare completamente l'app

In Sintesi

• Questa regola ha un impatto significativo sugli utenti
• Non bloccare la tua app su un'unica orientazione
• Supporta sia la modalità verticale che quella orizzontale nelle impostazioni di distribuzione della tua app

Impatto sugli Utenti

Alcune persone hanno un telefono o tablet montato in un'orientazione fissa. Se l'app non può supportare quell'orientazione, diventa inutilizzabile per l'utente.

Conferma Problema di Orientamento dello Schermo

1. Ruota il dispositivo di 90 gradi dalla modalità verticale a quella orizzontale
2. Si verificherà una delle seguenti situazioni:
   • Inaccessibile: La visualizzazione rimarrà in modalità verticale e non ruoterà in modalità orizzontale.
   • Accessibile: La visualizzazione ruoterà dalla modalità verticale a quella orizzontale.

Risolvi i Problemi

UIKit, SwiftUI, React Native

1. Apri il tuo progetto o workspace di Xcode.
2. Nella Project Navigator seleziona il file principale del tuo progetto. Il pannello delle impostazioni del progetto si aprirà nella finestra principale.
3. Seleziona il target della tua applicazione nella Target List.
4. Apri la scheda General.
5. Trova la sezione Deployment Info e assicurati che Device Orientation abbia selezionato la modalità Verticale e almeno una variante di quella Orizzontale.

Flutter

Non limitare l'app a un'unica orientazione usando SystemChrome.setPreferredOrientations.

// Failing — locked to portrait only
SystemChrome.setPreferredOrientations([
  DeviceOrientation.portraitUp,                                                   
  DeviceOrientation.portraitDown,
]);                                                                               
                                                                                
// Passing — all orientations allowed
SystemChrome.setPreferredOrientations(DeviceOrientation.values);

Posso Ignorare Questa Regola?

L'Orientamento dello Schermo ha un Impatto serio per gli utenti. Raccomandiamo di risolvere questo problema nella quasi totalità dei casi. Se la tua app è specificamente progettata per un dispositivo che è fisicamente vincolato a una sola orientazione (come un terminale di vendita), ignorare questa regola potrebbe essere appropriato. Scopri di più su ignorare le regole.

Risorse

• Linee guida per l'accessibilità dei contenuti web (WCAG) 2.1, Raccomandazione W3C
  • Criterio di Successo 1.3.4 - Orientamento
• Documenti di Comprensione WCAG 2.1
  • Comprensione 1.3.4 AA - Orientamento