HesapHanem

Färgkontrastkontroll (WCAG)

Hur kontrollerar jag färgkontrast?

Så här använder du

  1. Ange dina värden i fälten ovan.
  2. Tryck på Beräkna för att se resultatet direkt.
  3. Använd Dela-knappen för att kopiera en länk till ditt resultat.

Om denna kalkylator

Det här verktyget beräknar WCAG-kontrastkvoten mellan en förgrunds- och en bakgrundsfärg, ett värde från 1:1 (identiska färger, ingen kontrast) upp till 21:1 (rent svart på rent vitt), uträknat ur varje färgs relativa luminans. Sedan prövas kvoten mot de officiella tillgänglighetströsklarna AA och AAA — 4,5:1 för AA och 7:1 för AAA (standarden tillåter även en lägre gräns på 3:1 för stor text, som det här verktyget inte tillämpar) — för att avgöra om en viss kombination av text och bakgrund verkligen är läsbar nog för att uppfylla tillgänglighetsstandarderna.

Det används av webbformgivare och frontendutvecklare som kontrollerar en färgpalett innan den släpps, eftersom text med låg kontrast är en av de vanligaste tillgänglighetsklagomålen och kan strida mot rättsliga tillgänglighetskrav i vissa jurisdiktioner. Tillgänglighetsgranskare använder samma beräkning när de granskar en webbplats eller app mot WCAG, och designsystem bakar ofta in AA-godkända färgpar direkt i sina komponentbibliotek för att helt undvika problemet.

Var det här till hjälp?

Du kan välja upp till 3 reaktioner.

Kommentarer

  • Bli först med att kommentera.

Populära kalkylatorer

Lånkalkylator

Månadsbetalning, total ränta och fullständig amorteringsplan.

Procenträknare

Procentuell förändring, procent av och förhållandeberäkningar.

Rabattkalkylator

Beräkna slutpris, besparing och rabattbelopp.

BMI-räknare

Body mass index från längd och vikt (metriskt eller imperial).

Ålderskalkylator

Beräkna din exakta ålder i år, månader och dagar från ett födelsedatum.

Ränta-på-ränta-kalkylator

Beräkna slutbelopp och intjänad ränta med ränta-på-ränta.

Alla räknare