Tryb ciemny stał się standardem w prawie każdej witrynie i aplikacji — użytkownicy go uwielbiają, oszczędza baterię na ekranach OLED, a czasem jest nawet postrzegany jako „bardziej dostępny”. Jednak przejście na ciemną paletę kolorów, jeśli zostanie wykonane bez dokładnego przemyślenia, może w rzeczywistości zaszkodzić dostępności. W tym artykule wyjaśniono, jak zrobić to dobrze.
W skrócie — o czym mowa w tym artykule
Kiedy tryb ciemny pomaga w dostępności
W przypadku użytkowników cierpiących na nadwrażliwość na światło (światłowstręt), migreny lub cyfrowe zmęczenie oczu, ciemne tło może znacznie zmniejszyć dyskomfort podczas długotrwałego użytkowania, szczególnie w ciemnym otoczeniu. Niektórzy użytkownicy z dysleksją zgłaszają również, że czytanie na ciemnym tle jest wygodniejsze.
Kiedy naprawdę boli
Z drugiej strony, w przypadku użytkowników z astygmatyzmem (częstą wadą wzroku) jasny tekst na ciemnym tle tworzy efekt „halacji”, który sprawia, że litery wyglądają na rozmyte — czasami jasne tło z ciemnym tekstem jest dla nich wygodniejsze do czytania. Skutek: nie ma jednej właściwej odpowiedzi dla wszystkich, dlatego najlepszym rozwiązaniem jest pozostawienie użytkownikowi wyboru, a nie narzucanie mu jednego trybu.
💡Ważna kwestia
Najważniejsze: nigdy nie polegaj wyłącznie na automatycznych ustawieniach systemu („preferuje-schemat kolorów”), nie dając użytkownikowi możliwości ręcznego przełączania się na samej stronie — nie każdy, kto ma system w trybie ciemnym, chce, aby witryna była ciemna i odwrotnie.
Kontrast w trybie ciemnym różni się od trybu jasnego
Częsty błąd: przełączenie tych samych kolorów tekstu z trybu jasnego i po prostu zmiana tła na ciemne, bez ponownego sprawdzania współczynników kontrastu. Czysta czerń (#000000) na czystej bieli daje maksymalny kontrast 21:1 — ale odwrotna sytuacja, czysta biel na czystej czerni, tworzy szczególnie silny efekt „halacji”, który męczy oczy. Lepiej jest używać ciemnoszarego tła (na przykład #121212) zamiast czystej czerni i tekstu w kolorze złamanej bieli (na przykład #e8e8e8) zamiast czystej bieli — nadal spełnia to wymagania kontrastu WCAG (wyjaśnione szczegółowo w naszym przewodnikukontrast kolorów), ale jest znacznie mniej męczący dla oka.
Praktyczne zasady
- Sprawdzaj kontrast osobno w każdym trybie — jasnym i ciemnym — a nie tylko raz.
- Unikaj szczególnie nasyconych kolorów (jasnoczerwonych lub niebieskich) na ciemnym tle — mają one tendencję do wizualnego „wibrowania” i utrudniają czytanie.
- Zachowuj ręczne przełączanie na stronie, a nie tylko poleganie na ustawieniach systemu.
- Sprawdź obrazy i logo zaprojektowane z myślą o jasnym tle — czasami potrzebują osobnej wersji, aby tryb ciemny pozostał czytelny.
Czy Twoje dokumenty też są gotowe do przejścia w tryb ciemny?
Wiele plików PDF jest obecnie otwieranych w ciemnym trybie aplikacji czytników — nasze narzędzie sprawdza, czy kontrast tekstu w dokumentach spełnia standardy w każdym trybie.
Przeskanuj swoją witrynę za darmo ←Po zeskanowaniu możesz także udostępnić znalezione dokumenty bezpośrednio i bezpłatnie za pośrednictwemAccessiDoc.
