Lárétt skrun í farsímum

Silktide prófar hvort hægt sé að skruna til hliðar á síðunum þínum í farsímum. Efni ætti að passa við breidd lítillar skjámyndar þannig að gestir þurfi aðeins að skruna niður.

Hvers vegna þetta skiptir máli

Þegar síða er breiðari en skjárinn er hluti hverrar textalínu utan sjónsviðs og lesandinn þarf að draga fram og til baka til að fylgja efninu. Þetta er þreytandi fyrir alla og veruleg hindrun fyrir fólk með skerta sjón (sem stækkar síðuna oft einnig) og fólk með skerta hreyfigetu. WCAG-viðmið 1.4.10 (Reflow, í ) krefst þess að efni passi á 320 pixla breiðan skjá án þess að skruna í tvívídd.

Yfirleitt er síðan í heild sinni í lagi og einn þáttur veldur því að efnið flæðir út fyrir skjáinn – breið tafla, mynd með fastri breidd, innfelld myndskeið eða löng óskiptanleg strengur, svo sem vefslóð.

Hvernig á að laga þetta

Opnaðu síðuna í síma (eða minnkaðu vafragluggann í 320 pixla) og finndu það sem nær út fyrir hægri brúnina.
Lagaðu vandræðaþáttinn með aðlögunarhæfum :


\/* Fastbreiður þáttur gerir síðuna breiðari en skjáinn *\/
img.hero { width: 600px; }

\/* Lagað: minnkar til að passa á mjóa skjái *\/
img.hero { max-width: 100%; height: auto; }

Fyrir breiðar gagnatöflur skaltu leyfa töflunni að skruna innan eigin umgjörðar (overflow-x: auto) þannig að restin af síðunni passi enn á skjáinn.
Efni sem þarf raunverulega tvívítt útlit, svo sem kort og skýringarmyndir, má skruna – ef það er það eina sem niðurstaðan sýnir geturðu hana.

Hvernig Silktide prófar þetta

Hleður síðunni eins og hún væri opnuð í farsíma.
Mælir hversu langt síðan nær út fyrir hægri brún skjásins. Yfirflæði sem er minna en 10 pixlar er hunsað sem námundunarvilla.
Flokkar yfirflæðið eftir því hversu mörg tæki það hefur áhrif á, allt frá lítilsháttar yfirflæði sem hefur aðeins áhrif á litla síma (320 pixla breiða, eins og iPhone 5) upp í yfirflæði sem er nógu mikið til að hafa áhrif á stóra síma (414 pixla breiða, eins og iPhone 7 Plus).

Úrræðaleit

Tengda prófunin fyrir farsímahönnun

Þessi prófun tilkynnir um lárétt yfirflæði á síðum sem eru að öðru leyti aðlagaðar að farsímum. Síður sem reyna alls ekki að styðja farsíma – enginn , smár texti, mikið yfirflæði – eru þess í stað tilkynntar undir Aðdráttur og skrun í farsímum, þar sem lausnin er að endurhanna síðuna með aðlögunarhæfum hætti.

Ég sé ekkert skrun

Lítið yfirflæði getur verið ósýnilegt í stærri símum. Prófaðu 320 pixla breidd – þróunarverkfæri vafrans gera þér kleift að stilla nákvæma breidd – og leitaðu að öllu sem nær yfir hægri brúnina.