Oriëntatie
Inhoud mag niet worden vergrendeld op een enkele oriëntatie — staand of liggend — tenzij die oriëntatie essentieel is. Gebruikers die op een rolstoel zijn gemonteerd of een telefoon in een vaste greep houden, kunnen het apparaat niet draaien.
Wat het vereist
Als een website of app het apparaat dwingt tot staande of liggende oriëntatie, zijn gebruikers wier telefoon of tablet in een vaste oriëntatie is gemonteerd — rolstoelblad, ziekenhuisbed, ergonomische standaard — buitengesloten. De site moet zich aanpassen aan welke oriëntatie het apparaat ook in wordt gehouden, tenzij de inhoud fundamenteel één oriëntatie vereist (een pianotoetsenbord, een cheque-depositofoto, een meeslepende VR-ervaring).
Hoe eraan te voldoen
- Gebruik geen CSS zoals
@media (orientation: portrait) { display: none; }om de site buiten één oriëntatie te verbergen. - Vermijd API’s voor schermoriëntatievergrendeling (
screen.orientation.lock('portrait')) op het web; vergrendel bij native apps alleen wanneer essentieel. - Bouw een responsieve indeling die in beide oriëntaties werkt — flexbox en CSS grid verwerken dit zonder speciale gevallen.
- Test de site gedraaid op een echte telefoon — veel fouten komen alleen voor op apparaten waar het liggende viewport smal is.
- Vertel bij essentiële oriëntaties (een handtekeningblok) de gebruiker duidelijk waarom en hoe te draaien.
Veelvoorkomende fouten
- Overlay „Draai uw apparaat naar staande positie“ die alle inhoud in liggende positie op tablets blokkeert.
- App die verscheept wordt met
android:screenOrientation="portrait"zonder functionele reden. - Een bankiersite die prima werkt in staande positie maar in liggende positie een kapotte indeling toont zonder oplossing.
- Onboardingflow die liggende positie detecteert en een interstitieel „draai uw telefoon“ afdwingt.
Waarom het belangrijk is
Dit treft met name gebruikers van elektrische rolstoelen — een tablet op een rolstoelbevestiging is in één oriëntatie vastgezet. Het treft ook iedereen die een telefoon eenhandig gebruikt met de schermvergrendeling ingeschakeld. Goedkoop te repareren bij het ontwerp, kostbaar te herwerken als de gehele indeling staand-eerst is gebouwd.