Bildschirmorientierung

Was wir überprüfen

Ihre App sollte die bevorzugte Anzeigeorientierung des Benutzers nicht einschränken. Wenn ein Benutzer beispielsweise sein Gerät im Querformat eingestellt hat, sollte die Anzeige sich entsprechend drehen — und nicht im Hochformat bleiben.

Fehlendes Beispiel ❌

Die App bleibt im portrait mode selbst wenn das Gerät ins Querformat gedreht wird

Benutzer mit Geräten, die in einer festen Querformatausrichtung montiert sind, können die App nicht verwenden

Bestehendes Beispiel ✅

Die App rotates to landscape mode wenn das Gerät gedreht wird

Benutzer mit Geräten, die in beliebiger Ausrichtung montiert sind, können die App vollständig nutzen

Auf einen Blick

• Diese Regel hat erhebliche Auswirkungen für Benutzer
• Sperren Sie Ihre App nicht auf eine einzige Ausrichtung
• Unterstützen Sie sowohl Hoch- als auch Querformat in den Bereitstellungseinstellungen Ihrer App

Auswirkungen auf Benutzer

Manche Personen haben ein Telefon oder Tablet in einer festen Ausrichtung montiert. Wenn die App diese Ausrichtung nicht unterstützt, wird sie für den Benutzer unbrauchbar.

Bildschirmorientierungsproblem bestätigen

1. Drehen Sie das Gerät um 90 Grad vom Hochformat ins Querformat
2. Eines der folgenden Dinge wird passieren:
   • Nicht zugänglich: Die Anzeige bleibt im Hochformat und dreht sich nicht ins Querformat.
   • Zugänglich: Die Anzeige dreht sich vom Hochformat ins Querformat.

Probleme beheben

UIKit, SwiftUI, React Native

1. Öffnen Sie Ihr Xcode-Projekt oder Ihren Workspace.
2. In dem Project Navigator wählen Sie Ihre Hauptprojektdatei aus. Das Projekteinstellungsfenster öffnet sich im Hauptfenster.
3. Wählen Sie das Ziel Ihrer Anwendung im Target List.
4. Öffnen Sie die General-Registerkarte.
5. Finden Sie den Deployment Info-Abschnitt und stellen Sie sicher, dass Device Orientation Porträt und mindestens eine Variation von Querformat ausgewählt hat.

Flutter

Beschränken Sie die App nicht auf eine einzige Ausrichtung mithilfe von SystemChrome.setPreferredOrientations.

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

Kann ich diese Regel ignorieren?

Bildschirmorientierung hat erhebliche Erhebliche Auswirkungen für Benutzer. Wir empfehlen, dieses Problem in fast allen Fällen zu beheben. Wenn Ihre App speziell für ein Gerät entwickelt wurde, das physisch auf eine Ausrichtung beschränkt ist (z. B. ein Kassenterminal), kann das Ignorieren dieser Regel angemessen sein. Erfahren Sie mehr über Regeln ignorieren.

Ressourcen

• Web Content Accessibility Guidelines (WCAG) 2.1, W3C-Empfehlung
  • Erfolgskriterium 1.3.4 - Orientierung
• WCAG 2.1 Verständnis-Dokumente
  • Verständnis 1.3.4 AA - Orientierung