Functiegids
Contrastcontrole voor toegankelijkheid
Voordat een palet in een product belandt, toont het Paletlab welke paren voldoen aan WCAG-contrast voor tekst, welke kleuren bij kleurenzwakte lastig te onderscheiden zijn en hoe de kleuren eruitzien in een echte UI.
Pro Inbegrepen in ColorSnapr Pro Bijgewerkt:
In het kort
- Contrastmatrix: elk paar achtergrond × tekst met verhouding en resultaat voor AA / AA groot / AAA.
- Kleurzichtconflicten: paren die lastig te onderscheiden worden bij protanopie, deuteranopie of tritanopie.
- UI-voorbeeld: je palet toegepast op knoppen, kaarten en tekst.
- Vloeiende kleurverlopen, geïnterpoleerd in Oklab.
- Elke bewaarde kleur toont ook gratis het contrast met witte en zwarte tekst.
Zo werkt het
- 1 Open een palet en kies Paletlab.
- 2 Bekijk het tabblad Toegankelijk: omlijnde cellen voldoen aan AA voor normale tekst.
- 3 Ga naar Voorbeeld of Verloop, pas kleuren aan en controleer opnieuw.
Vragen
Welke WCAG-drempels worden gebruikt?
4,5:1 voor normale tekst (AA), 3:1 voor grote tekst (AA groot) en 7:1 voor AAA, volgens WCAG 2.
Is het Paletlab gratis?
Het Paletlab hoort bij ColorSnapr Pro. Het contrast met witte en zwarte tekst voor elke bewaarde kleur is gratis.
Probeer het op je telefoon — ColorSnapr is gratis te downloaden.