Przewodnik po funkcji
Kontrola kontrastu i dostępności
Zanim paleta trafi do produktu, Lab palet pokaże, które pary spełniają wymogi kontrastu WCAG dla tekstu, które kolory trudno odróżnić przy zaburzeniach widzenia barw i jak kolory wyglądają w prawdziwym UI.
Pro W ramach ColorSnapr Pro Zaktualizowano:
Najważniejsze informacje
- Macierz kontrastu: każda para tło × tekst ze współczynnikiem i wynikiem AA / AA duży / AAA.
- Konflikty widzenia barw: pary, które trudno odróżnić przy protanopii, deuteranopii lub tritanopii.
- Podgląd UI: Twoja paleta na przyciskach, kartach i tekście.
- Płynne gradienty interpolowane w Oklab.
- Każdy zapisany kolor bezpłatnie pokazuje też kontrast z białym i czarnym tekstem.
Jak to działa
- 1 Otwórz paletę i wybierz Lab palet.
- 2 Sprawdź kartę Dostępność: obramowane komórki spełniają AA dla zwykłego tekstu.
- 3 Przejdź do Podglądu lub Gradientu, dostosuj kolory i sprawdź ponownie.
Pytania
Jakie progi WCAG są stosowane?
4,5:1 dla zwykłego tekstu (AA), 3:1 dla dużego tekstu (AA duży) i 7:1 dla AAA, zgodnie z WCAG 2.
Czy Lab palet jest bezpłatny?
Lab palet należy do ColorSnapr Pro. Kontrast z białym i czarnym tekstem dla każdego zapisanego koloru jest bezpłatny.
Wypróbuj na telefonie — ColorSnapr można pobrać bezpłatnie.