Orientering

Vad det kräver

Om en webbplats eller app tvingar enheten till stående eller liggande läge är användare som har sin telefon eller surfplatta monterad i fast orientering — rullstolsbricka, sjukhussäng, ergonomisk hållare — utestängda. Webbplatsen måste anpassa sig till vilken orientering enheten hålls i, om inte innehållet rent funktionellt kräver en viss orientering (ett pianotangentbord, ett checkinsättningsfoto, en uppslukande VR-upplevelse).

Hur du uppfyller det

• Undvik CSS som @media (orientation: portrait) { display: none; } för att dölja webbplatsen utanför en viss orientering.
• Undvik API:er för skärmorienteringslåsning (screen.orientation.lock('portrait')) på webben; på nativa appar, lås bara när det är nödvändigt.
• Bygg en responsiv layout som fungerar i båda orienteringarna — flexbox och CSS grid hanterar detta utan specialfall.
• Testa webbplatsen roterad på en riktig telefon — många buggar syns bara på enheter där liggande vy är kort.
• För nödvändiga orienteringar (en signaturruta), informera användaren tydligt om varför och hur du roterar.

Vanliga fel

• Överlägget “Rotera enheten till stående läge” som blockerar allt innehåll i liggande på surfplattor.
• En app som levereras med android:screenOrientation="portrait" utan funktionell anledning.
• En bankwebbplats som fungerar bra i stående men renderar en trasig layout i liggande utan åtgärd.
• Introduktionsflöde som identifierar liggande läge och tvingar fram ett “rotera din telefon”-avbrott.

Varför det spelar roll

Påverkar framför allt användare av eldrivna rullstolar — en surfplatta på ett rullstolsmontering är fast i en orientering. Drabbar också alla som använder en telefon med en hand med skärmlåsning aktiverad. Billigt att åtgärda vid designtid, dyrt att anpassa i efterhand om hela layouten byggdes med stående som utgångspunkt.