Orientering
Indhold må ikke låses til én enkelt orientering — stående eller liggende — medmindre den orientering er afgørende. Brugere, der sidder i kørestol eller holder telefonen i et fast greb, kan ikke rotere enheden.
Hvad det kræver
Hvis et websted eller en app tvinger enheden til stående eller liggende retning, er brugere, der har deres telefon eller tablet monteret i en fast orientering — kørestolsbakke, hospitalsseng, ergonomisk stativ — låst ude. Siden skal tilpasse sig den orientering, enheden holdes i, medmindre indholdet grundlæggende kræver én bestemt (et klaviatur, et checkindskudt foto, en immersiv VR-oplevelse).
Sådan opfyldes det
- Undgå CSS som
@media (orientation: portrait) { display: none; }for at skjule siden uden for én orientering. - Undgå screen-orientation lock API’er (
screen.orientation.lock('portrait')) på nettet; på native låses kun, når det er afgørende. - Byg et responsivt layout, der fungerer i begge orienteringer — flexbox og CSS grid håndterer dette uden særtilfælde.
- Test siden roteret på en rigtig telefon — mange fejl viser sig kun på enheder, hvor liggende viewport er lav.
- For afgørende orienteringer (en underskriftspad) fortæl brugeren tydeligt hvorfor og hvordan man roterer.
Typiske fejl
- Et overlay med „Drej venligst din enhed til stående“ der blokerer alt indhold i liggende retning på tablets.
- App der leveres med
android:screenOrientation="portrait"uden funktionel begrundelse. - Et bankwebsted, der fungerer fint i stående, men gengiver et ødelagt layout i liggende uden nogen løsning.
- Onboarding-flow, der registrerer liggende og tvinger en interstitial om at „dreje din telefon.“
Hvorfor det er vigtigt
Påvirker særligt brugere af elektriske kørestole — en tablet på et kørestolsbeslag er fastlåst i én orientering. Påvirker også alle, der bruger en telefon med én hånd med skærmlås aktiveret. Billigt at rette på designtidspunktet, dyrt at tilpasse bagefter, hvis hele layoutet er bygget stående-først.