Responsivt website tjekliste: 15 punkter du skal teste
Over 60% af al webtrafik kommer fra mobilen. Hvis din hjemmeside ikke fungerer ordentligt på små skærme, mister du flertallet af dine potentielle kunder.
Brug denne tjekliste til at teste din hjemmeside systematisk. Hvert punkt kan testes gratis.
Layout og struktur
- ☐ Ingen horisontalt scroll — alt indhold passer inden for skærmbredden
- ☐ Menuen fungerer på mobil — hamburger-menu der åbner og lukker korrekt
- ☐ Tabeller er responsive — enten scroller horisontalt eller omformateres til kort-layout
- ☐ Formularer er brugbare — inputfelter er store nok, labels er synlige, tastaturet matcher felttypen (email, tel, number)
Tekst og typografi
- ☐ Tekst er læsbar uden zoom — minimum 16px skriftstørrelse på mobil
- ☐ Overskrifter wrapper korrekt — ingen lange ord der bryder layoutet
- ☐ Afstand mellem linjer er tilstrækkelig (line-height: 1.5+)
Billeder og medier
- ☐ Billeder skalerer til skærmbredden (max-width: 100%)
- ☐ Billeder er optimeret — brug WebP/AVIF, lazy loading under fold
- ☐ Videoer er responsive — embeds tilpasser sig containeren
- ☐ Ingen billeder der blokerer indhold — undgå fixed-position hero images der dækker tekst
Interaktion og touch
- ☐ Touch targets er minimum 44x44px — knapper og links skal kunne rammes med en finger
- ☐ Tilstrækkelig afstand mellem klikbare elementer (mindst 8px)
- ☐ Ingen hover-only funktionalitet — alt der vises ved hover skal være tilgængeligt uden mus
Performance
- ☐ Loader under 3 sekunder på 4G — test med PageSpeed Insights på mobil
Sådan tester du
Gratis værktøjer
- Din egen telefon — den vigtigste test. Gennemgå hele sitet som en kunde.
- Chrome DevTools — Tryk F12, klik mobil-ikonet, og test i forskellige størrelser (375px, 768px, 1024px).
- PageSpeed Insights — Giver en mobil-specifik performance- og UX-score.
- BrowserStack — Gratis prøveperiode til test på rigtige enheder.
Typiske problemer og løsninger
| Problem | Løsning |
|---|---|
| Tekst for lille | Sæt font-size: 16px som minimum |
| Knapper for små | Brug min-height: 44px og padding |
| Billeder for store | Tilføj max-width: 100%; height: auto |
| Menu virker ikke | Test hamburger-menu JavaScript på mobil |
| Tabeller bryder layout | Wrap i overflow-x: auto container |
Hvornår er det tid til et redesign?
Hvis din hjemmeside fejler på mere end 5 af de 15 punkter, bør du overveje en opdatering. En side der ikke fungerer på mobil koster dig kunder hver eneste dag.
Brug for hjælp?
Kontakt mig for en gratis gennemgang af din hjemmesides mobilvenlighed.
