Mørk modus har blitt standarden på nesten alle nettsteder og apper – brukere elsker det, det sparer batteri på OLED-skjermer, og noen ganger blir det til og med sett på som «mer tilgjengelig». Men å bytte til en mørk fargepalett, hvis det gjøres uten nøye ettertanke, kan faktisk skade tilgjengeligheten. Denne artikkelen forklarer hvordan du gjør det riktig.
Kort sagt – hva denne artikkelen dekker
Når mørk modus hjelper tilgjengeligheten
For brukere med lysfølsomhet (fotofobi), migrene eller digital belastning på øynene, kan en mørk bakgrunn redusere ubehag ved langvarig bruk betydelig, spesielt i mørke omgivelser. Noen brukere med dysleksi rapporterer også mer komfortabel lesing på en mørk bakgrunn.
Når det faktisk gjør vondt
På den annen side, for brukere med astigmatisme (en vanlig synshemming), skaper lys tekst på en mørk bakgrunn en "halation"-effekt som får bokstaver til å se uklare ut – noen ganger er en lys bakgrunn med mørk tekst faktisk mer behagelig for dem å lese. Konklusjonen: det er ikke et enkelt riktig svar for alle, og derfor er den beste løsningen å la brukeren velge, ikke tvinge dem til én modus.
💡 Et viktig poeng
Viktigst: stol aldri utelukkende på den automatiske systeminnstillingen (`prefers-color-scheme`) uten å gi brukeren en måte å bytte manuelt på selve siden – ikke alle som har systemet i mørk modus vil at siden skal være mørk, og omvendt.
Kontrast i mørk modus er forskjellig fra lys modus
En vanlig feil: ta de samme tekstfargene fra lysmodus og ganske enkelt snu bakgrunnen til mørk, uten å sjekke kontrastforholdene på nytt. Rent svart (#000000) på rent hvitt gir en maksimal kontrast på 21:1 — men det motsatte, rent hvitt på rent svart, skaper en spesielt sterk "halation"-effekt som sliter øynene. Det er bedre å bruke en mørkegrå bakgrunn (for eksempel #121212) i stedet for ren svart, og off-white tekst (for eksempel #e8e8e8) i stedet for ren hvit — dette oppfyller fortsatt WCAGs kontrastkrav (forklart i detalj i vår guide påfargekontrast), men er betydelig lettere for øyet.
Praktiske tommelfingerregler
- Sjekk kontrasten separat i hver modus – lys og mørk – ikke bare én gang.
- Unngå spesielt mettede farger (lyse røde eller blå) på en mørk bakgrunn – de har en tendens til å visuelt "vibrere" og gjøre lesingen vanskeligere.
- Hold en manuell veksling på nettstedet, ikke bare stol på systeminnstillingen.
- Sjekk bilder og logoer designet for en lys bakgrunn – noen ganger trenger de en separat versjon for mørk modus for å forbli lesbare.
Er dokumentene dine også klare for mørk modus?
Mange PDF-filer i dag åpnes i mørk modusvisning av leserapper – verktøyet vårt sjekker at tekstkontrasten i dokumentene dine oppfyller standarden i alle moduser.
Skann nettstedet ditt gratis ←Etter skanning kan du også gjøre dokumentene som ble funnet tilgjengelige direkte og gratis viaAccessiDoc.