Hva kreves i praksis?
Tekst skal kunne forstørres til 200 prosent uten tap av innhold eller funksjon, uten at brukeren trenger hjelpemiddel. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- meta viewport med user-scalable=no eller maximum-scale=1.
- Faste høyder som klipper tekst ved 200 % zoom.
- Tekst i bilder som ikke skaleres som ekte tekst.
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
Viewporten låser zoom. Brukere med nedsatt syn kan ikke forstørre teksten i nettleseren.
Feil eksempel
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<div style="height: 48px; overflow: hidden">Lang overskrift som klippes ved zoom</div>Riktig kode — utbedret
Tillat zoom. Bruk min-høyde og wrappende layout i stedet for faste bokser som klipper.
Riktig eksempel
<meta name="viewport" content="width=device-width, initial-scale=1">
<h1 class="min-h-0 text-2xl leading-snug">Lang overskrift som brytes pent</h1>Hvordan UUvakta tester dette
UUvakta flagger meta-viewport som hindrer zoom. Overflow og avkuttet tekst ved 200 % er i stor grad manuell, men rapporten peker på sidene der viewporten er låst — et hyppig funn i mobilmaler.