Hopp til innholdet

Funksjonsguide

Kontrastsjekk for tilgjengelighet

Før en palett havner i et produkt, viser Palettlab hvilke par som består WCAG-kontrast for tekst, hvilke farger som er vanskelige å skille ved nedsatt fargesyn, og hvordan fargene ser ut i et ekte grensesnitt.

Pro Inkludert i ColorSnapr Pro Oppdatert:

Kontrastsjekk for tilgjengelighet

Nøkkelfakta

  • Kontrastmatrise: hvert par av bakgrunn × tekst med forhold og resultat for AA / AA stor / AAA.
  • Fargesynskonflikter: par som blir vanskelige å skille ved protanopi, deuteranopi eller tritanopi.
  • UI-forhåndsvisning: paletten din brukt på knapper, kort og tekst.
  • Jevne fargeoverganger interpolert i Oklab.
  • Hver lagrede farge viser også kontrasten mot hvit og svart tekst — gratis.

Slik fungerer det

  1. 1 Åpne en palett og velg Palettlab.
  2. 2 Se fanen Tilgjengelighet: celler med ramme består AA for vanlig tekst.
  3. 3 Bytt til Forhåndsvisning eller Fargeovergang, juster fargene og sjekk igjen.

Spørsmål

Hvilke WCAG-terskler brukes?

4,5:1 for vanlig tekst (AA), 3:1 for stor tekst (AA stor) og 7:1 for AAA, i tråd med WCAG 2.

Er Palettlab gratis?

Palettlab er en del av ColorSnapr Pro. Kontrasten mot hvit og svart tekst for hver lagrede farge er gratis.

Prøv på telefonen — ColorSnapr er gratis å laste ned.