Průvodce funkcí
Kontrola kontrastu a přístupnosti
Než paleta zamíří do produktu, Laboratoř palet ukáže, které dvojice splňují kontrast WCAG pro text, které barvy se při poruše barvocitu těžko rozlišují a jak barvy vypadají ve skutečném UI.
Pro Součást ColorSnapr Pro Aktualizováno:
Hlavní fakta
- Matice kontrastu: každá dvojice pozadí × text s poměrem a výsledkem AA / AA velký / AAA.
- Konflikty barvocitu: dvojice, které se při protanopii, deuteranopii nebo tritanopii těžko rozlišují.
- Náhled UI: vaše paleta použitá na tlačítka, karty a text.
- Plynulé přechody interpolované v Oklab.
- Každá uložená barva zdarma ukazuje i kontrast vůči bílému a černému textu.
Jak to funguje
- 1 Otevřete paletu a zvolte Laboratoř palet.
- 2 Projděte kartu Přístupnost: orámované buňky splňují AA pro běžný text.
- 3 Přepněte na Náhled nebo Přechod, upravte barvy a zkontrolujte znovu.
Otázky
Jaké prahy WCAG se používají?
4,5:1 pro běžný text (AA), 3:1 pro velký text (AA velký) a 7:1 pro AAA, podle WCAG 2.
Je Laboratoř palet zdarma?
Laboratoř palet je součástí ColorSnapr Pro. Kontrast vůči bílému a černému textu u každé uložené barvy je zdarma.
Vyzkoušejte to v telefonu — ColorSnapr je ke stažení zdarma.