Vad är WCAG-kontrastförhållande?

WCAG-kontrastförhållandet mäter luminansskillnaden mellan förgrunds- och bakgrundsfärger. Från 1:1 till 21:1.

Vilka är WCAG AA- och AAA-kraven?

WCAG AA kräver minst 4.5:1 för normal text och 3:1 för stor text. AAA kräver 7:1 och 4.5:1.

Stor text definieras som 18pt (24px) eller större, eller 14pt (18.66px) fetstil eller större.

Rätt kontrast säkerställer att text är läsbar för personer med synnedsättningar och förbättrar läsbarheten för alla.

Beräknas med relativa luminansvärden. Formeln är (L1 + 0.05) / (L2 + 0.05).

WCAG kräver minst 3:1 för UI-komponenter och grafiska objekt.

Inte alla kombinationer uppfyller tillgänglighetsstandarder. Använd den här kontrollen för att validera.

Det är den upplevda ljusstyrkan hos en färg, från 0 (svart) till 1 (vit). Beräknas med sRGB-färgrymden.

Text i bilder måste uppfylla samma krav. För dekorativa bilder gäller det inte.

Använd webbläsarens utvecklarverktyg, designplugins eller onlinekontroller som denna.

Kontrollera färgkontrastförhållanden för WCAG 2.1-efterlevnad. Verifiera AA- och AAA-standarder omedelbart.

