Hoppa till innehållet

Mobilanpassning.

En mobilanpassad sida får plats i telefonens bredd och behöver aldrig dras i sidled. Punkten är godkänd när sidan står still i sidled, zoom fungerar och länkar och knappar går att träffa med fingret.

Gratis analys av hemsidan

Så prövas punkten

Vi öppnar startsidan och några av undersidorna i en riktig webbläsare, i 320 och 390 punkters bredd. 320 är bredden WCAG prövar i. Där prövar vi om sidan går att dra åt sidan. Går den det står de element som sticker ut i protokollet.

I samma pass mäter vi varje länk, knapp och fält. WCAG 2.2 kriterium 2.5.8 kräver 24 × 24 punkter eller luft nog till grannarna. Koden läses också, så att sidan inte hindrar zoom.

Så prövar du själv

Öppna sidan i mobilen och dra långsamt åt vänster. Rör sig sidan är något för brett, ofta en tabell, en karta eller en bild med fast bredd. Tryck sedan på ikonerna i sidhuvudet med tummen.

Så kan det stå i protokollet

/ i 320 px går att dra 80 px i sidled
Startsidan är bredare än telefonen i den bredden.
2 av 30 tryckytor under 24 × 24 px utan avstånd nog, WCAG 2.2 AA (2.5.8)
Två länkar eller knappar är för små och står för nära en annan.
user-scalable avstängt
Sidan hindrar besökaren från att zooma.
webbläsaren kunde inte öppna sidan
Punkten står som ej prövad och ingenting gissas.

Rapportera fel i bedömningen

Punkt åtta av tjugo · AnvändaI en webbläsare

Sidan får plats i mobilen och går att zooma

kemero.se godkänd,

  • viewport med device-width
  • 3 sidor får plats i 320 och 390 px
  • 177 tryckytor på 3 sidor prövade mot WCAG 2.2 AA (2.5.8), alla är 24 × 24 px eller har avstånd nog
Hela protokollet för kemero.se

Varför den behövs.

En sida som glider känns slarvig.

När sidan glider i sidled under tummen känns hela företaget slarvigt, även om texten är bra. Det kan också betyda att en knapp eller ett fält hamnar utanför skärmen.

Kontakten syns i mobilen och numret går att ringa

Så rättar du den.

Rätt viewport och inget med fast bredd.

  1. Sätt viewport till width=device-width, initial-scale=1 och låt zoom vara på.

  2. Ge bilder, videor och kartor en största bredd på hundra procent.

  3. Lägg breda tabeller i en ruta som kan scrollas för sig.

  4. Ge ikoner och små länkar padding så att ytan blir minst 24 × 24 punkter. Räcker inte platsen, ge dem mer luft emellan.

Gratis analys av hemsidanSå fungerar besiktningen

Gäller punkten mig?

Mejla oss raden så säger vi vad den betyder för din hemsida.

Mejla oss på hej@kemero.se
Ring ossRing 070-728 21 89

iro svarar direkt, dygnet runt.

Alla tjugo punkter