Modul întunecat a devenit standard pe aproape fiecare site și aplicație - utilizatorii îl iubesc, economisește bateria pe ecranele OLED și uneori chiar este văzut ca „mai accesibil”. Dar trecerea la o paletă de culori închise, dacă se face fără o gândire atentă, poate afecta accesibilitatea. Acest articol explică cum să o faci corect.
Pe scurt — ceea ce acoperă acest articol
Când modul întunecat ajută la accesibilitate
Pentru utilizatorii cu sensibilitate la lumină (fotofobie), migrene sau oboseală digitală a ochilor, un fundal întunecat poate reduce semnificativ disconfortul în timpul utilizării prelungite, în special într-un mediu întunecat. Unii utilizatori cu dislexie raportează, de asemenea, că citesc mai confortabil pe un fundal întunecat.
Când de fapt doare
Pe de altă parte, pentru utilizatorii cu astigmatism (o deficiență obișnuită a vederii), textul deschis pe un fundal întunecat creează un efect de „halare” care face ca literele să pară neclare – uneori, un fundal deschis cu text întunecat este de fapt mai confortabil de citit pentru aceștia. Rezultatul: nu există un singur răspuns corect pentru toată lumea, motiv pentru care cea mai bună soluție este să lași utilizatorul să aleagă, nu să forțezi un singur mod asupra lor.
💡 Un punct important
Cel mai important: nu vă bazați niciodată doar pe setarea automată a sistemului (`prefers-color-scheme`) fără a oferi utilizatorului o modalitate de a comuta manual pe site-ul propriu-zis - nu oricine al căror sistem este în modul întunecat dorește ca site-ul să fie întunecat și invers.
Contrastul în modul întunecat este diferit de modul luminos
O greșeală comună: luarea acelorași culori de text din modul deschis și pur și simplu răsturnarea fundalului la întuneric, fără a verifica din nou rapoartele de contrast. Negru pur (#000000) pe alb pur oferă un contrast maxim de 21:1 — dar reversul, alb pur pe negru pur, creează un efect de „halare” deosebit de puternic, care obosește ochii. Este mai bine să utilizați un fundal gri închis (de exemplu #121212) în loc de text negru pur și alb (de exemplu #e8e8e8) în loc de alb pur - acest lucru îndeplinește în continuare cerințele de contrast WCAG (explicate în detaliu în ghidul nostru desprecontrast de culoare), dar este semnificativ mai ușor pentru ochi.
Reguli practice
- Verificați contrastul separat în fiecare mod — deschis și întunecat — nu doar o dată.
- Evitați în special culorile saturate (roșu aprins sau albastru) pe un fundal întunecat – acestea tind să „vibreze” vizual și să îngreuneze lectura.
- Păstrați o comutare manuală pe site, nu doar bazați pe setarea sistemului.
- Verificați imaginile și siglele concepute pentru un fundal deschis - uneori au nevoie de o versiune separată pentru ca modul întunecat să rămână lizibil.
Documentele dvs. sunt pregătite și pentru modul întunecat?
Multe fișiere PDF astăzi sunt deschise în vizualizarea în mod întunecat a aplicațiilor de citire — instrumentul nostru verifică dacă contrastul textului din documentele dvs. respectă standardul în fiecare mod.
Scanează-ți site-ul gratuit ←După scanare, puteți face și documentele găsite accesibile direct și gratuit prinAccessiDoc.