This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Mora li moja web-stranica funkcionirati u uspravnom i vodoravnom formatu?
Da: Vaša web-stranica mora biti koristiva u uspravnom i vodoravnom formatu i ne smije forsirati orijentaciju. Razlog je opipljiv — neki ljudi ne mogu rotirati svoj uređaj, npr. jer je tablet fiksno montiran na invalidska kolica. Stranica koja funkcionira samo vodoravno za te posjetitelje zatvara vrata potpuno.
Forsirana orijentacija isključuje posjetitelje
Većina web-stranica se prilagođava orijentaciji uređaja sama. Problemi nastaju kad oblikovanje ili kod diktiraju orijentaciju: poruka "Molimo rotirajte uređaj", video oblast koja je koristiva samo vodoravno, obrazac za bukiranja koji je odrezan u uspravnom formatu. Za većinu korisnika to je neugodno — za ljude s fiksno montiranim uređajem zatvorena vrata. Pogođeni su i korisnici čija je rotacija uređaja zaključana iz zdravstvenih razloga, kao kod vrtoglavice. Pravilo poznaje usku iznimku: Gdje je orijentacija materijalno obavezna — npr. kod aplikacije za klavir — može se zadati. Za obične poslovne web-stranice takvi razlozi praktički ne postoje.
Kako mjerna jezgra provjerava orijentaciju
Naša mjerna jezgra prikazuje Vašu stranicu u pravom pregledniku u nekoliko širina zaslona — od uske mobilne do široke desktop verzije — što pokriva tipične uspravne širine: Što se tamo vodoravno preleva ili odreže, teče kao nalaz u područje provjere reagibilnosti. Forsira li stranica orijentaciju šire ili terza posjetitelje da je rotiraju, često se to pojavljuje tek na stvarnom uređaju i u ponašanju stranice — to procjenjuje prema zlatnom standardu čovjek koji koristi stranicu u obje orijentacije. Izvješće čisto odvaja što je mjereno i što je ljudska prosudba.
Beispiele
Querformat erzwungen
<meta name="viewport" content="width=device-width">
<script>screen.orientation.lock("landscape");</script>
<style>@media (orientation: portrait) { body { display: none } }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tabelle { overflow-x: auto; }
</style>Ein Tablet am Rollstuhl ist fest montiert. Die Seite passt sich der Lage an; breite Inhalte bekommen einen eigenen Scrollbereich.
- Otvorite Vašu web-stranicu na mobitelu i rotirajte uređaj — svaka funkcija mora biti dostupna u obje orijentacije.
- Uklonite poruke kao što je "Molimo rotirajte uređaj" — to je najtješi znak forsirane orijentacije.
- Testirajte obrasce i tokove bukiranja posebno u uspravnom formatu, jer se odrezivanja tamo najčešće pojavljuju.
- Zamolite Vašu agenciju da potvrdi da nema brisanja orijentacije u kodu.
- Provjerite ugnježđene sadržaje kao video i karte u obje orijentacije — vanjski gradivni elementi donose svoje vlastite brisanje.