Kontrastkontroll
Ange en text- och bakgrundsfärg för att se WCAG-kontrastförhållandet och vilka AA- och AAA-nivåer som blir godkända.
Varje kontroll körs lokalt i din webbläsare. Inget av det du skriver in laddas upp till BroBroGo.
Vanliga frågor
Vad betyder resultaten för AA och AAA?
AA är den nivå de flesta webbplatser siktar på: den kräver ett kontrastförhållande på minst 4.5:1 för normal text och 3:1 för stor text. AAA är strängare – 7:1 för normal text och 4.5:1 för stor text. Kontrastförhållandet sträcker sig från 1:1 (ingen kontrast) till 21:1 (svart på vitt).
Vad räknas som stor text?
Text från 18pt (ca 24px), eller 14pt (ca 18.5px) om den är fetstilt. Större text är lättare att läsa med lägre kontrast, så den blir godkänd för AA vid 3:1 och AAA vid 4.5:1 istället för de strängare gränserna för normal text.
Vilka färgformat kan jag skriva in?
Skriv in ett hex-värde som #1a1a1a, ett rgb()-värde som rgb(26, 26, 26) eller ett hsl()-värde – eller klicka på färgproverna för att välja en färg. Använd växlingsknappen för att skifta text- och bakgrundsfärg.
Är detta WCAG 2 eller den nyare APCA-metoden?
Den använder formeln för WCAG 2.1 / 2.2, vilket är den som tillgänglighetsregler och granskningar utgår från idag. APCA är en nyare, mer perceptuell metod som fortfarande utvecklas för WCAG 3 – lovande, men ännu inte en officiell standard, så godkänd-resultaten här använder den inte.