This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Prístupnosť
Ako zostáva webová stránka čitateľná na mobilnom telefóne bez rolovania nabok?
Webová stránka zostáva čitateľná bez bočného rolovania, ak sa jej obsah automaticky zabalí do stĺpca, keď sa zobrazí úzkym zobrazením. Táto šírka zodpovedá úzkemu mobilnému telefónu alebo výrazne rozšírenému pohľadu na počítač. Každý, kto musí tlačiť dopredu a dozadu pre každú líniu stratí vlákno pri čítaní.
Okolitý tok: obsah podriadený šírke
Okolie znamená: Ak sa plocha displeja zužuje, obsah sa preskupí samých seba a priľahlé stĺpce sa medzi sebou posúvajú, obrázky sa zmenšia, riadky sa zmenia skôr. Týka sa to súčasne dvoch skupín. Po prvé, mobilní používatelia, takže pre mnoho webových stránok väčšina návštevníkov. Po druhé, zrakovo postihnutí ľudia na počítači, stránky výrazne zväčšujú: So silným zväčšením, viditeľná časť presne zodpovedá takej úzkej reprezentácii. Ak sa stránka potom nerozbije, musia sa pre každý jednotlivý riadok posunúť doprava a späť - čítanie sa stáva skúškou trpezlivosti. Typickými páchateľmi sú tabuľky s pevnou šírkou, príliš veľké vložené karty a obrázky s pevnými rozmermi pixelov.
Takto naše meracie jadro meria bočné rolovanie
Naše jadro vykresľuje vašu stránku v reálnom prehliadači na viacerých šírkach obrazovky vrátane úzkeho 320-pixelového pohľadu a meria, či je vytvorený horizontálny posuvník a koľko pixelov preteky obsahu. Ako výsledok sa počíta iba pravdivá, overená posuvnosť; S cieľom vylúčiť náhodné hity v dôsledku oneskorenia zaťaženia, skúšobné opatrenia dvakrát v prípade pochybností a úprimne identifikuje kolísavé výsledky ako Každý nález označuje dotknutú šírku obrazovky a je urobený s fotografiou obrazovky. Výsledky sa uplatňujú na oblasť prístupnosti a responzívnu oblasť.
Príklady
Pevná šírka na mobile
.inhalt { width: 1100px; }
.tabelle { min-width: 900px; }.inhalt { max-width: 1100px; width: 100%; }
.tabelle-huelle { overflow-x: auto; }So šírkou 320 pixelov (400 percent zoom) sa obsah tečie; iba tabuľky a karty môžu mať svoju vlastnú plochu zvitku.
- Postupne zredukovať okno prehliadača na počítači na úzku kolónu.
- Skontrolujte najprv tabuľky: Veľké dátové tabuľky potrebujú vlastné riešenie na mobilnom telefóne, ako sú posuvné kontajnery s viditeľným označením.
- Požiadajte svoju agentúru, aby nahradila pevné šírky pixelov pre obrázky a kontajnery prispôsobiteľnými informáciami.
- Testovať vložený obsah, ako sú mapy a videá v úzkom pohľade.
- Po každej významnej aktualizácii obsahu skontrolujte zobrazenie telefónu pred tým, ako stránka pôjde naživo.
