Orientation de l'écran

Ce que nous vérifions

Votre application ne devrait pas restreindre l'orientation d'affichage préférée de l'utilisateur. Par exemple, si un utilisateur a réglé son appareil en mode paysage, l'affichage devrait pivoter pour s'adapter — et ne pas rester bloqué en mode portrait.

Exemple d'échec ❌

L'application reste en portrait mode même lorsque l'appareil est tourné en mode paysage

Les utilisateurs dont les appareils sont montés de façon fixe en orientation paysage ne peuvent pas utiliser l'application

Exemple de réussite ✅

L'application rotates to landscape mode lorsque l'appareil est tourné

Les utilisateurs dont les appareils sont montés dans n'importe quelle orientation peuvent pleinement utiliser l'application

En un coup d'œil

• Cette règle a un impact sérieux pour les utilisateurs
• Ne verrouillez pas votre application sur une seule orientation
• Prise en charge à la fois du portrait et du paysage dans les paramètres de déploiement de votre application

Impact sur les utilisateurs

Certaines personnes ont un téléphone ou une tablette monté dans une orientation fixe. Si l'application ne peut pas supporter cette orientation, elle devient inutilisable pour l'utilisateur.

Confirmer le problème d'orientation de l'écran

1. Tournez l'appareil de 90 degrés du mode portrait au mode paysage
2. L'une des choses suivantes se produira :
   • Inaccessible : L'affichage restera en mode portrait et ne pivote pas en mode paysage.
   • Accessible : L'affichage pivote du mode portrait au mode paysage.

Corriger les problèmes

UIKit, SwiftUI, React Native

1. Ouvrez votre projet ou espace de travail Xcode.
2. Dans le Project Navigator, sélectionnez votre fichier principal de projet. Le panneau des paramètres du projet s'ouvrira dans la fenêtre principale.
3. Sélectionnez la cible de votre application dans le Target List.
4. Ouvrez l'onglet General.
5. Trouvez la section Deployment Info et assurez-vous que Device Orientation a le mode Portrait et au moins une variation du mode Paysage sélectionnés.

Flutter

Ne restreignez pas l'application à une seule orientation en utilisant SystemChrome.setPreferredOrientations.

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

Puis-je ignorer cette règle ?

L'orientation de l'écran a un Impact sérieux pour les utilisateurs. Nous recommandons de remédier à ce problème dans presque tous les cas. Si votre application est spécifiquement conçue pour un appareil physiquement contraint à une orientation unique (comme une caisse enregistreuse), ignorer cette règle peut être approprié. Apprenez-en plus sur ignorer les règles.

Ressources

• Directives pour l'accessibilité du contenu Web (WCAG) 2.1, recommandation du W3C
  • Critère de réussite 1.3.4 - Orientation
• Docs de compréhension WCAG 2.1
  • Comprendre 1.3.4 AA - Orientation