This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Kako web-stranica ostaje čitljiva na mobitelu bez bočnog pomicanja?
Web-stranica ostaje čitljiva bez bočnog pomicanja kada se njen sadržaj automatski prelama u jedan stupac pri užoj prezentaciji — standard utvrđuje 320 piksela širine. Ta širina odgovara uzanom mobitelu ili jako uvećanom prikazu na računalu. Ako netko tada trebate pomicati desno za svaki redak, gubi fokusu pri čitanju.
Reflektiranje: sadržaj se prilagođava širini
Reflektiranje znači: kada se područje prikaza sužava, sadržaj se preuređuje — susjedni stupci klize jedan pod drugi, slike se smanjuju, redci se prelaze ranije. To istovremeno utječe na dvije grupe. Prvo, korisnici mobilnih uređaja, što za mnoge web-stranice znači većinu posjetitelja. Drugo, slabovidne osobe na računalu koje uvećavaju stranice: pri snažnom uvećanju vidljivo polje točno odgovara užoj prezentaciji. Ako se stranica tada ne pretvori, trebaju pomicati desno i natrag za svaki red — čitanje postaje ispitom strpljenja. Tipični uzročnici su tablice fiksne širine, prevelike ugrađene karte i slike s fiksnim dimenzijama piksela.
Tako naša mjerna jezgra mjeri bočno pomicanje
Naša mjerna jezgra prikazuje vašu stranicu u pravom pregledniku na više širina zaslona — uključujući usku plohu od 320 piksela — i mjeri može li doći do horizontalne trake za pomicanje i za koliko piksela sadržaj prelazi. Samo doista mjerena mogućnost pomicanja broji se kao nalaz; kako bi se isključili slučajni rezultati zbog kašnjenja učitavanja, mjerenje se po potrebi provodi dvaput i pošteno prikazuje fluktuirajuće rezultate kao »provjerite na pravom uređaju«. Svaki nalaz navodi zahvaćenu širinu zaslona i priložen je snimkom zaslona. Rezultati utječu kako na področje provjere pristupačnosti tako i na područje provjere odziva — to je isto mjerenje.
Beispiele
Feste Breite auf dem Handy
.inhalt { width: 1100px; }
.tabelle { min-width: 900px; }.inhalt { max-width: 1100px; width: 100%; }
.tabelle-huelle { overflow-x: auto; }Bei 320 Pixel Breite (400 Prozent Zoom) fließt der Inhalt um; nur Tabellen und Karten dürfen einen eigenen Scrollbereich haben.
- Postepeno sužavajte prozor preglednika na računalu do užeg stupca — ako se pojavi horizontalna traka za pomicanje, postoji problem.
- Prvo provjerite tablice: velike tablice podataka trebaju vlastito rješenje na mobitelu, npr. scrollabilne posude s vidljivim znakom.
- Zatražite od svoje agencije da zamijeni fiksne širine piksela za slike i posude prilagodljivim specifikacijama.
- Testirajte ugrađene sadržaje kao što su karte i videozapisi u užem prikazu — komponente trećih osoba najčešće prelaze okvir.
- Provjerite mobilni prikaz nakon svakog većeg ažuriranja sadržaja prije nego što stranica bude uživo.