Hoppa till innehållet

Funktionsguide

Kontrastkontroll för tillgänglighet

Innan en palett hamnar i en produkt visar Palettlabbet vilka par som klarar WCAG-kontrast för text, vilka färger som är svåra att skilja åt vid nedsatt färgseende och hur färgerna ser ut i ett verkligt gränssnitt.

Pro Ingår i ColorSnapr Pro Uppdaterad:

Kontrastkontroll för tillgänglighet

I korthet

  • Kontrastmatris: varje par bakgrund × text med förhållande och resultat för AA / AA stor / AAA.
  • Färgseendekonflikter: par som blir svåra att skilja åt vid protanopi, deuteranopi eller tritanopi.
  • Förhandsvisning av gränssnitt: din palett på knappar, kort och text.
  • Mjuka toningar interpolerade i Oklab.
  • Varje sparad färg visar också kontrasten mot vit och svart text, gratis.

Så fungerar det

  1. 1 Öppna en palett och välj Palettlabb.
  2. 2 Titta på fliken Tillgänglighet: inramade celler klarar AA för normal text.
  3. 3 Byt till Förhandsvy eller Gradient, justera färgerna och kontrollera igen.

Frågor

Vilka WCAG-gränser används?

4,5:1 för normal text (AA), 3:1 för stor text (AA stor) och 7:1 för AAA, enligt WCAG 2.

Är Palettlabbet gratis?

Palettlabbet ingår i ColorSnapr Pro. Kontrasten mot vit och svart text för varje sparad färg är gratis.

Testa i mobilen – ColorSnapr är gratis att ladda ned.