Mobilzoom og -rulning
Silktide tjekker, at dine sider fungerer på små skærme uden at tvinge besøgende til at zoome ind og trække siden rundt i to retninger for at læse den. Sider, der fejler her, er normalt slet ikke designet til mobile enheder.
Hvorfor det er vigtigt
At læse en side, der kun er til computer, på en telefon betyder at knibe for at zoome ind på en tekstkolonne og derefter rulle både vandret og lodret for hver eneste linje – besværligt for alle og umuligt for mange mennesker med nedsat syn eller motoriske funktionsnedsættelser. Mobile enheder står nu for størstedelen af webtrafikken, så en side som denne svigter flertallet af sine besøgende, og søgemaskiner nedprioriterer den derfor. WCAG-succeskriterium 1.4.10 (Ombrydning, i ) kræver, at indhold ombrydes til en skærm, der er 320 pixel bred, uden todimensionel rulning.
Sådan løser du det
- Brug responsivt webdesign, så siden ombrydes til en enkelt kolonne på smalle skærme. Moderne -layout (medieforespørgsler, flexbox, grid) gør dette til standardpraksis; de fleste webstedstemaer understøtter det som standard.
- Inkludér et korrekt -tag i din sideskabelon:
<!-- Fortæller mobilbrowsere, at de skal gengive i enhedens bredde -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- Test siden ved 320 pixels bredde (den mindste almindelige telefonbredde), og tjek, at intet tvinger vandret rulning – brede tabeller, billeder med fast bredde og lange strenge, der ikke kan ombrydes, er hyppige årsager.
Hvis en side ikke praktisk kan gøres responsiv, kan du fundet.
Sådan tester Silktide dette
- Indlæs siden som en mobil enhed.
- Vurder, om siden ser ud til at være designet til mobil. En side fejler, når et
af følgende gælder:
- Den har ikke et brugbart viewport-tag, eller viewporten angiver en fast bredde på over 480 pixels.
- Mere end 35 % af teksten gengives for småt til at læse (under 10 pixels).
- Den ruller vandret med mere end 40 % af skærmbredden.
- Browseren skal zoome ud til under 60 % for at få siden til at passe på skærmen.
- Rapportér siden, når den fejler, én gang pr. side.
Fejlfinding
Det relaterede tjek af vandret rulning
Horisontal rulning på mobil rapporterer mindre mængder af vandret overløb på sider, der ellers er mobilvenlige. Dette tjek opfanger det ekstreme tilfælde, hvor siden slet ikke forsøger at understøtte mobil, så løsningen er et responsivt redesign frem for at justere ét element med overløb.
Dele af min side har reelt brug for todimensionelt layout
WCAG tillader undtagelser for indhold, der kræver todimensionelt layout for at være brugeligt, såsom kort, datatabeller og diagrammer. Siden omkring dem bør stadig ombrydes; hvis en markeret side er en sådan undtagelse, skal du godkende fundet.