Suuntaus

Mitä vaaditaan

Jos verkkosivusto tai sovellus pakottaa laitteen pysty- tai vaakasuuntaukseen, käyttäjät, joiden puhelin tai tabletti on kiinnitetty kiinteään suuntaukseen — pyörätuolin taso, sairaalasen, ergonominen teline — jäävät ulkopuolelle. Sivuston on mukauduttava siihen suuntaukseen, jossa laite pidetään, ellei sisältö olennaisesti vaadi toista (pianonäppäimistö, shekin valokuvaus, immersiivinen VR-kokemus).

Toteutustapa

• Älä käytä CSS:ää kuten @media (orientation: portrait) { display: none; } piilottaaksesi sivuston yhden suuntauksen ulkopuolella.
• Vältä ruudun suuntauksen lukitsemisen API:ja (screen.orientation.lock('portrait')) verkossa; natiiveissa sovelluksissa lukitse vain, kun se on olennaista.
• Rakenna responsiivinen asettelu, joka toimii molemmissa suuntauksissa — flexbox ja CSS-ruudukko käsittelevät tämän ilman erityistapauksia.
• Testaa sivusto pyöritettynä oikealla puhelimella — monet virheet näkyvät vain laitteissa, joissa vaakasuuntauksen näyttö on lyhyt.
• Oleellisille suuntauksille (allekirjoitustaulukko), kerro käyttäjälle selkeästi miksi ja miten kääntää.

Yleisiä puutteita

• „Ole hyvä ja käännä laite pystyasentoon“ -peite, joka estää kaiken sisällön tableteilla vaakasuunnassa.
• Sovellus, joka toimitetaan android:screenOrientation="portrait"-asetuksella ilman toiminnallista syytä.
• Pankkisivusto, joka toimii hienosti pystysuunnassa, mutta esittää rikkinäisen asettelun vaakasuunnassa ilman korjausta.
• Käyttöönottovirtaus, joka tunnistaa vaakasuunnan ja pakottaa „käännä puhelimesi“ -välisivun.

Miksi tällä on merkitystä

Vaikuttaa erityisesti sähköpyörätuolin käyttäjiin — tabletti pyörätuolin telineessä on kiinnitetty yhteen suuntaukseen. Vaikuttaa myös kaikkiin, jotka käyttävät puhelinta yhdellä kädellä ja ruudunlukko päällä. Halpa korjata suunnitteluvaiheessa, kallis korjata jälkikäteen, jos koko asettelu on rakennettu pystysuuntaisesti.