Hva kreves i praksis?
Innhold skal kunne vises i 320 CSS-piksler bredde uten at brukeren må scrolle i to retninger, med noen unntak for tabeller og kart. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- Faste min-width på hovedinnhold over 320 px.
- Tabeller og kodeblokker som tvinger hele siden til horisontal scroll.
- Absolutt posisjonerte elementer som stikker utenfor ved smal viewport.
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
En fast 1100 px-wrapper tvinger horisontal scroll på mobil og ved forstørrelse.
Feil eksempel
<main style="width: 1100px">
<p>Lang linje uten wrapping som ødelegger hele layouten.</p>
</main>Riktig kode — utbedret
Innholdet følger viewporten. Bred kode kan scrolle inne i komponenten, ikke hele siden.
Riktig eksempel
<main class="mx-auto max-w-4xl px-4">
<pre class="max-w-full overflow-x-auto"><code>bred kode her</code></pre>
</main>Hvordan UUvakta tester dette
Ombrekking er i hovedsak en manuell sjekk. UUvakta crawler med mobil viewport og fanger relaterte tekniske spor som låst zoom og åpenbare overflow-mønstre, men du bør fortsatt teste 320 px og 400 % zoom selv på malene som betyr mest.