Zoom og responsivitet

Hva er problemet?

Mange brukere med nedsatt syn trenger å forstørre innholdet på skjermen. Hvis du deaktiverer zoom, stenger du disse brukerne ute.

Hvorfor er dette viktig?

WCAG krever at siden skal kunne skaleres opp til 200% (og helst 400%) uten tap av informasjon eller funksjonalitet, og uten at brukeren må scrolle horisontalt for å lese tekst.

Hvordan fikse det?

Tillat zoom i viewport

Sjekk <meta name="viewport">-taggen din. Den skal ikke inneholde user-scalable=no eller maximum-scale=1.0.

Anbefalt innstilling:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Unngå absolutte enheter

Bruk relative enheter som rem, em eller % i stedet for px for skriftstørrelser og bredder der det er mulig. Dette sikrer at designet flyter bedre når teksten skaleres.

Ikke lås skjermretning

Ikke bruk CSS eller meta-tags til å tvinge mobilen i stående eller liggende modus. La brukeren bestemme.