Schermoriëntatie

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Ondersteun de voorkeurschermoriëntatie van alle gebruikers

Not for use with personal data

WCAG 2.1 - 1.3.4 AA Impact - Serious

Wat We Controleren

Uw app zou de voorkeursweergave-oriëntatie van de gebruiker niet moeten beperken. Bijvoorbeeld, als een gebruiker zijn apparaat op landschapsmodus heeft ingesteld, moet de weergave zich daar aan aanpassen en niet vast blijven zitten in portretmodus.

Foutief Voorbeeld ❌

App locked in portrait mode when the device is rotated to landscape

De app blijft in portrait mode zelfs wanneer het apparaat naar landschap wordt gedraaid

Gebruikers met apparaten die in een vaste landschapsmodus zijn gemonteerd, kunnen de app niet gebruiken

Correct Voorbeeld ✅

App correctly displayed in landscape mode after the device is rotated

De app rotates to landscape mode wanneer het apparaat wordt gedraaid

Gebruikers met apparaten die in welke oriëntatie dan ook zijn gemonteerd, kunnen de app volledig gebruiken

In Één Oogopslag

  • Deze regel heeft een serieuze impact voor gebruikers
  • Vergrendel uw app niet op een enkele oriëntatie
  • Ondersteun zowel portret als landschap in de implementatie-instellingen van uw app

Impact op Gebruikers

Sommige mensen hebben een telefoon of tablet die in een vaste oriëntatie is gemonteerd. Als de app die oriëntatie niet kan ondersteunen, wordt deze onbruikbaar voor de gebruiker.

Bevestig Probleem met Schermoriëntatie

  1. Draai het apparaat 90 graden van portretmodus naar landschapsmodus
  2. Een van de volgende dingen zal gebeuren:
    • Onbereikbaar: De weergave blijft in portretmodus en draait niet naar landschapsmodus.
    • Toegankelijk: De weergave draait van portretmodus naar landschapsmodus.

Los Problemen op

UIKit, SwiftUI, React Native

  1. Open uw Xcode-project of werkruimte.
  2. In de Project Navigator selecteer uw hoofdprojectbestand. Het instellingenpaneel van het project wordt geopend in het hoofdvenster.
  3. Selecteer de doelstelling van uw applicatie in de Target List.
  4. Open het General-tabblad.
  5. Zoek de Deployment Info-sectie en zorg ervoor dat Device Orientation Portret en ten minste één variatie van Landschap geselecteerd heeft.
Screenshot of Xcode where the `General` tab is selected for the application target, and the `Deployment Info` section and its `Device Orientation` options are displaying.

Flutter

Beperk de app niet tot een enkele oriëntatie met behulp van SystemChrome.setPreferredOrientations.

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

Kan Ik Deze Regel Negeren?

Schermoriëntatie heeft een Serieuze impact voor gebruikers. We raden aan om dit probleem in bijna alle gevallen op te lossen. Als uw app specifiek is ontworpen voor een apparaat dat fysiek tot één oriëntatie beperkt is (zoals een verkooppuntterminal), kan het gepast zijn om deze regel te negeren. Lees meer over regels negeren.

Bronnen