This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Dostopnost
Kako je spletno mesto še vedno berljivo na mobilnem telefonu brez premikanja postrani?
Spletna stran je še vedno berljiva brez bočnega drsenja, če se njena vsebina samodejno zavije v stolpec, ko je prikazan ozko – standard je širok 320 pik. Ta širina ustreza ozkemu mobilnemu telefonu ali zelo razširjenemu pogledu na računalnik. Kdor mora za vsako vrstico potiskati naprej in nazaj, pri branju izgubi nit.
Okoliški tok: vsebina podrejena širini
Okolica pomeni: Če se območje zaslona oži, se vsebina spremeni – sosednji stebri drsijo drug med drugim, slike se skrčijo, črte se prej spremenijo. To zadeva dve skupini hkrati. Prvič, mobilni uporabniki, tako za mnoge spletne strani večina obiskovalcev. Drugič, slabovidni ljudje na računalniku, strani se močno razširijo: Z močno povečavo se vidni del ujema ravno tako ozko upodobitev. Če se potem stran ne prelomi, se morajo za vsako posamezno vrstico premakniti na desno in nazaj - Branje postane preizkus potrpežljivosti. Tipični storilci so nespremenljive mize, prevelike vgrajene kartice in slike z dimenzijami fiksnih pikslov.
Tako naše merilno jedro meri bočno drsenje
Naše jedro naredi vašo stran v pravem brskalniku po več širinah zaslona – vključno z ozkim pogledom 320 pik – in meri, ali je ustvarjen vodoravni drsni drog in koliko pik se vsebina preliva. Rezultat je samo resnična, preverjena drsenje; Da bi izključili naključne zadetke zaradi zamud pri nalaganju, preskusni ukrepi v primeru dvoma dvakrat in pošteno identificirajo nihajoče rezultate kot »preverite na pravi napravi«. Vsaka ugotovitev označuje prizadeto širino zaslona in je posneta s sliko zaslona. Rezultati se uporabljajo tako za območje dostopnosti kot za območje, ki se odziva – gre za isto meritev.
Primeri
Fiksna širina na mobilnem vozilu
.inhalt { width: 1100px; }
.tabelle { min-width: 900px; }.inhalt { max-width: 1100px; width: 100%; }
.tabelle-huelle { overflow-x: auto; }S širino 320 pikslov (400 odstotkov povečave) se vsebina giblje okoli; samo tabele in karte imajo lahko svoje področje zvitka.
- Postopoma zmanjšajte okno brskalnika na računalniku na ozek stolpec – če se pojavi vodoravna drsna vrstica, obstaja problem.
- Najprej preverite tabele: Velike podatkovne tabele potrebujejo lastno rešitev na mobilnem telefonu, kot so drseče posode z vidno oznako.
- Prosite vašo agencijo, da zamenja fiksne širine slikovnih pik za slike in posode s prilagodljivimi informacijami.
- Testirajte vgrajene vsebine, kot so zemljevidi in videoposnetki v ozkem pogledu – tuji gradbeni bloki najpogosteje razbijejo okvir.
- Po vsaki večji posodobitvi vsebine, preverite pogled telefona, preden stran gre v živo.
