Mørk tilstand er blevet standarden på næsten alle websteder og apper – brugere elsker det, det sparer batteri på OLED-skærme, og det ses nogle gange endda som "mere tilgængeligt". Men at skifte til en mørk farvepalet, hvis det gøres uden omhyggelig eftertanke, kan faktisk skade tilgængeligheden. Denne artikel forklarer, hvordan du gør det rigtigt.
Kort sagt – hvad denne artikel dækker
Når mørk tilstand hjælper tilgængeligheden
For brugere med lysfølsomhed (fotofobi), migræne eller digital overbelastning af øjnene, kan en mørk baggrund reducere ubehaget betydeligt under længere tids brug, især i mørke omgivelser. Nogle brugere med ordblindhed rapporterer også mere behagelig læsning på en mørk baggrund.
Når det faktisk gør ondt
På den anden side, for brugere med astigmatisme (en almindelig synsnedsættelse), skaber lys tekst på en mørk baggrund en "halation"-effekt, der får bogstaver til at se slørede ud - nogle gange er en lys baggrund med mørk tekst faktisk mere behagelig for dem at læse. Resultatet: der er ikke et enkelt rigtigt svar for alle, og derfor er den bedste løsning at lade brugeren vælge, ikke at tvinge én tilstand på dem.
💡 En vigtig pointe
Vigtigst: Stol aldrig udelukkende på den automatiske systemindstilling ('prefers-color-scheme') uden at give brugeren mulighed for at skifte manuelt på selve webstedet - ikke alle, hvis system er i mørk tilstand, ønsker, at webstedet skal være mørkt, og omvendt.
Kontrast i mørk tilstand er forskellig fra lys tilstand
En almindelig fejl: at tage de samme tekstfarver fra lys tilstand og blot vende baggrunden til mørk uden at kontrollere kontrastforholdene igen. Ren sort (#000000) på ren hvid giver en maksimal kontrast på 21:1 — men det omvendte, ren hvid på ren sort, skaber en særlig stærk "halation"-effekt, der trætter øjnene. Det er bedre at bruge en mørkegrå baggrund (for eksempel #121212) i stedet for ren sort, og råhvid tekst (for eksempel #e8e8e8) i stedet for ren hvid — dette opfylder stadig WCAGs kontrastkrav (forklaret i detaljer i vores vejledning omfarvekontrast), men er væsentligt lettere for øjet.
Praktiske tommelfingerregler
- Tjek kontrasten separat i hver tilstand – lys og mørk – ikke kun én gang.
- Undgå især mættede farver (lyse røde eller blå) på en mørk baggrund – de har en tendens til visuelt at "vibrere" og gøre læsningen sværere.
- Bevar en manuel kontakt på webstedet, ikke kun afhængighed af systemindstillingerne.
- Tjek billeder og logoer designet til en lys baggrund – nogle gange har de brug for en separat version til mørk tilstand for at forblive læselige.
Er dine dokumenter også klar til mørk tilstand?
Mange PDF-filer i dag åbnes i mørk tilstandsvisning af læseapps – vores værktøj kontrollerer, at tekstkontrasten i dine dokumenter opfylder standarden i alle tilstande.
Scan dit websted gratis ←Efter scanning kan du også gøre de dokumenter, der blev fundet, tilgængelige direkte og gratis viaAccessiDoc.