Symulator daltonizmu: sprawdź zrzut ekranu lub paletę w 8 typach widzenia | We.Inc
Zobacz zrzut ekranu lub paletę kolorów oczami osób z ośmioma rodzajami zaburzeń widzenia barw, obok siebie. Wskazuje pary kolorów, które trudno odróżnić, i proponuje bezpieczniejszy odcień. Działa w Twojej przeglądarce.
Symulator daltonizmu przerysowuje kolory tak, jak widzą je osoby z brakującym lub osłabionym typem czopków. Wgraj zrzut ekranu lub wklej swoją paletę, aby zobaczyć ją naraz w ośmiu typach widzenia. Narzędzie wskazuje też pary kolorów, które dla większości osób wyglądają różnie, ale dla innych się zlewają, i proponuje jaśniejszy lub ciemniejszy zamiennik.
Główne rodzaje zaburzeń widzenia barw
Rodzaj
Co się zmienia
Najczęściej mylone
Deuteranomalia i deuteranopia
Osłabione lub brakujące czopki zielone
Czerwony i zielony, brązowy i zielony, niebieski i fioletowy
Protanomalia i protanopia
Osłabione lub brakujące czopki czerwone; czerwienie wyglądają ciemniej
Czerwony i zielony, czerwony i czarny
Tritanomalia i tritanopia
Osłabione lub brakujące czopki niebieskie (rzadko)
Niebieski i zielony, żółty i różowy
Achromatopsja
Brak działających czopków (bardzo rzadko)
Wszystko oprócz jasności
Dwa sposoby: upuść zrzut ekranu strony, wykresu lub projektu albo wklej listę kolorów hex. Każda symulacja działa w Twojej przeglądarce i nic nie jest przesyłane.
Upuść lub wybierz zrzut ekranu (PNG, JPG lub WebP) albo wklej kolory hex, po jednym w wierszu lub rozdzielone przecinkami.
Obraz lub paleta jest przerysowywana osiem razy, raz dla każdego typu widzenia, na podstawie opublikowanego modelu reakcji czopków.
W przypadku palet każda para jest porównywana w każdej symulacji. Pary, których różnica spada poniżej niewielkiego progu, są oznaczane.
Każda oznaczona para otrzymuje proponowany zamiennik: drugi kolor rozjaśniony lub przyciemniony, aż znów będzie się odróżniał.
Nigdy nie pozwól, by kolor był jedynym sygnałem. Dodaj też etykietę, ikonę, wzór lub położenie, czego wymaga również kryterium sukcesu WCAG 1.4.1.
Kontrast jasności przetrwa każdy rodzaj daltonizmu. Ciemna czerwień obok jasnej zieleni pozostaje czytelna; średnia czerwień obok średniej zieleni już nie.
Na wykresach podpisuj linie bezpośrednio lub zmieniaj ich styl i wybieraj palety, które różnią się jasnością, a nie tylko odcieniem.
Stany błędów w formularzach powinny mieć ikonę i tekst, a nie tylko czerwoną ramkę.
Najczęściej zadawane pytania
Jak często występuje daltonizm?
Według amerykańskiego National Eye Institute najczęstszą postacią jest daltonizm czerwono-zielony, który znacznie częściej dotyka mężczyzn niż kobiety. Wśród osób pochodzenia północnoeuropejskiego dotyczy nawet około 1 na 12 mężczyzn i 1 na 200 kobiet. Typy niebiesko-żółte i całkowita ślepota barw są rzadkie.
Jak dokładna jest symulacja?
Wykorzystuje model Machado, Oliveiry i Fernandesa, który jest szeroko stosowany i dobrze oceniany, z pełną siłą dla typów -opia i umiarkowaną dla typów -anomalia. Ludzie się różnią: dwie osoby z tą samą diagnozą mogą widzieć nieco inaczej, a ekrany i oświetlenie też mają wpływ. Traktuj to jako solidną wskazówkę, a nie diagnozę.
Czy mogę sprawdzić działającą stronę po jej adresie URL?
Nie z tej strony. Przeglądarki nie pozwalają jednej witrynie wczytywać i odczytywać pikseli innej witryny. Zrób zrzut ekranu strony (w większości systemów Shift + Cmd + 4 na Macu lub Win + Shift + S w Windows) i upuść go tutaj.
Czy zaliczony test kontrastu oznacza, że moje kolory są bezpieczne dla daltonistów?
Nie do końca. Narzędzia do kontrastu porównują jasność tekstu i tła, co pomaga wszystkim. Ale dwa kolory wykresu lub dwa kolory statusu mogą osobno przejść test na białym tle, a mimo to wyglądać identycznie dla osoby z deuteranopią. Sprawdzaj pary kolorów, które muszą się odróżniać, i właśnie to robi tutaj sprawdzanie palety.
Dlaczego czerwony i zielony sprawiają najwięcej problemów
Czerwone i zielone czopki w oku reagują na nakładające się zakresy światła. Gdy jednego z nich brakuje lub jest przesunięty, mózg traci większość różnicy między czerwieniami, pomarańczami, żółciami i zieleniami, a te kolory układają się wzdłuż jednej skali od ciemnego do jasnego.
Dlatego typowymi problemami są kolory statusu w stylu sygnalizacji świetlnej, czerwone i zielone linie na wykresach oraz plakietki sukcesu lub błędu. Przekaż znaczenie słowem lub ikoną i spraw, by oba kolory różniły się jasnością.
Jak działa sprawdzanie par
Każdy kolor jest konwertowany do OKLab, przestrzeni barw zaprojektowanej tak, by równe odległości wyglądały na mniej więcej równie różne. Narzędzie mierzy odległość między każdą parą przed symulacją i po niej. Para, która normalnie jest wyraźnie różna, ale w symulacji spada poniżej progu, zostaje oznaczona.
Próg to kwestia oceny dla małych, płaskich obszarów, takich jak linie wykresów, próbki w legendzie i plakietki. Duże bloki koloru łatwiej odróżnić, więc oznaczona para może być w porządku jako dwie sekcje na pełną szerokość.
Typowe widzenie
Działają wszystkie trzy typy czopków.
Protanopia
Brak czopków czerwonych. Czerwienie wyglądają ciemno i podobnie do zieleni.
Protanomalia
Osłabione czopki czerwone. Łagodniejsze mylenie czerwieni i zieleni.
Deuteranopia
Brak czopków zielonych. Czerwony i zielony wyglądają podobnie.
Deuteranomalia
Osłabione czopki zielone. Najczęstszy typ.
Tritanopia
Brak czopków niebieskich. Mylą się niebieski z zielonym oraz żółty z różowym.
Tritanomalia
Osłabione czopki niebieskie. Łagodniejsze mylenie niebieskiego i żółtego.
Achromatopsja
Brak widzenia barw. Zostaje tylko jasność.
Achromatomalia
Silnie ograniczone widzenie barw.
Wybierz plik obrazu.
Nie udało się odczytać tego obrazu.
Upuść tutaj zrzut ekranu lub kliknij, aby go wybrać. Pozostaje na Twoim urządzeniu.