Aðdráttur og skrun á farsímum

Silktide prófar hvort síðurnar þínar virki á litlum skjám án þess að neyða heimsóknaraðila til að stækka aðdráttinn og draga síðuna til í tvær áttir til að lesa hana. Síður sem falla hér hafa yfirleitt alls ekki verið hannaðar fyrir fartæki.

Hvers vegna þetta skiptir máli

Að lesa síðu sem er eingöngu hönnuð fyrir tölvuskjái í síma þýðir að stækka með fingrunum aðdráttinn að textadálki og skruna síðan bæði til hliðar og niður fyrir hverja einustu línu – sársaukafullt fyrir alla og ómögulegt fyrir marga með skerta sjón eða skerta hreyfigetu. Fartæki standa nú undir megninu af vefumferð, þannig að síða sem þessi bregst meirihluta heimsóknaraðila og leitarvélar lækka stöðu hennar í niðurstöðum. WCAG-viðmið 1.4.10 (Endurflæði, í ) krefst þess að efni endurflæði á 320 punkta breiðan skjá án tvívíðs skrununar.

Hvernig á að laga þetta

Notaðu sveigjanlega vefhönnun þannig að síðan endurflæði í einn dálk á þröngum skjám. Nútímaleg uppsetning með (miðlunarfyrirspurnir, flexbox, grid) gerir þetta að hefðbundinni aðferð; flest vefþemu styðja hana beint úr kassanum.
Hafðu rétt -merki í síðusniðmátinu þínu:

<!-- Segir farsímavafranum að birta efnið í breidd tækisins -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Prófaðu síðuna í 320 punkta breidd (minnsta algenga breidd símaskjáa) og gakktu úr skugga um að ekkert neyði fram lárétta skrunun – breiðar töflur, myndir með fastri breidd og langir strengir sem ekki skiptast eru algengir sökudólgar.

Ef ekki er raunhæft að gera síðu sveigjanlega geturðu niðurstöðuna.

Hvernig Silktide prófar þetta

Hleður síðunni eins og farsímatæki.
Metur hvort síðan virðist hönnuð fyrir farsíma. Síða fellur ef eitthvað af eftirfarandi á við:
- Hún er ekki með nothæft viewport-merki eða viewport-lýsingin tilgreinir fasta breidd yfir 480 punkta.
- Meira en 35% af textanum birtist of smátt til að lesa (undir 10 punktum).
- Hægt er að skruna lárétt um meira en 40% af breidd skjásins.
- Vafrinn þarf að minnka aðdráttinn niður fyrir 60% til að koma síðunni fyrir á skjánum.
Tilkynnir síðuna þegar hún fellur, einu sinni fyrir hverja síðu.

Úrræðaleit

Tengda prófunin fyrir lárétta skrunun

Mobile horizontal scrolling tilkynnir um minna lárétt yfirflæði á síðum sem eru að öðru leyti hentaðar fyrir farsíma. Þessi prófun greinir alvarlega tilvikið þar sem síðan reynir alls ekki að styðja farsíma, þannig að lausnin er endurhönnun með sveigjanlegri hönnun fremur en að stilla einn þátt sem flæðir yfir.

Hlutar síðunnar minnar þurfa í raun tvívíða uppsetningu

WCAG leyfir undantekningar fyrir efni sem þarf tvívíða uppsetningu til að vera nothæft, svo sem kort, gagnatöflur og skýringarmyndir. Síðan í kringum slíkt innihald ætti samt að endurflæða; ef merkt síða er slík undantekning skaltu samþykkja niðurstöðuna.