Förstoring med zoom – eller liten skärm

Den som förstorar får i praktiken färre pixlar på skärmen. WCAG kräver därför att din sajt ska funka ner till 320 pixlars bredd - utan att layouten går sönder eller användaren tvingas scrolla i sidled.

Instruktion

Sök upp valfri webbsida som du vill testa.

Använd sedan webbläsarens funktion för att simulera hur webbsidan uppfattas med olika skärmbredd:

Chrome: Visa -> Utvecklare -> Verktyg för utvecklare Klicka sedan på en liten ikon som visar två olika skärmar (inringad i bilden här intill) med alt-texten "Toggle device toolbar"
Safari: Utvecklare -> Använd responsivt designläge
Firefox: Verktyg -> Webbutvecklare -> Följsamt designläge.
Edge: Utvecklarverktyg -> Enhet -> Anpassad

Prova några olika storlekar ner till 320 pixlars bredd.

Eller använd mobilen - vilka pixelmått har din skärm? Du kanske kan kan testa både på bredden och höjden?!

Kontrollfrågor zoom

Klicka runt lite på webbplatsen. Fungerar det bra?

Behöver du scrolla i sidled? (Det ska inte behövas, förutom vid vissa undantagsfall när kravet är uppenbart opassande.)

Får allt innehåll plats?

Vad händer med riktigt långa ord, om sådana finns? Får de plats? Avstavas de?

Nu kan du återgå till valfri fönsterbredd.

Säkerställ också att sidorna går att zooma. Ibland är den funktionen spärrad av sidans metadata.

Tillbaka till kurssidan

Mer kursmaterial

Förstoring av enbart text

Att kunna zooma är bra, men att kunna förstora enbart text är ibland bättre.

Förstora avstånd i text

Vissa användare behöver kunna förstora radavstånd och avstånd mellan tecken och ord.

Jämför automatiska verktyg

Inget automatiskt verktyg kan granska alla aspekter av tillgänglighet, och de granskar på olika sätt.