Kontrastkontroll
Kontrollera WCAG-kontrastförhållanden för färgpar, med AA- och AAA-bedömningar och korrigeringsförslag.
Kontrastkontroll
Klistra in förgrunds- och bakgrundspar, ett per rad — #7a1f2b på #ffffff, #333, #eee eller rgb(0, 0, 0) #fff — och WCAG 2-kontrastförhållandet för varje par kommer tillbaka omedelbart, med en godkänd eller misslyckad bedömning för varje överensstämmelsenivå. Förhållandet går från 1 : 1 (ingen kontrast alls) till 21 : 1 (svart på vitt) och beräknas utifrån relativ luminans precis som riktlinjerna definierar det, så siffrorna överensstämmer med webbläsarinspektörer och granskningsverktyg.
WCAG namnger två nivåer. AA, den mest referens till lagar och kontrakt, kräver 4,5 : 1 för normal text och 3 : 1 för stor text. AAA, det strängare målet, ber om 7 : 1 och 4,5 : 1. Text räknas lika stor från 18 pt (cirka 24 px) i normal vikt, eller från 14 pt (ca 18,7 px) i fetstil - det är därför en rubrik kan passera i ett förhållande som ett stycke misslyckas. Rapporten anger alla fyra kontrollerna per par; växla utgången till Compact för en rad per par, vilket är den snabbaste läsningen när du sveper en hel palett.
När ett par missar AA för normal text aktiverar du "Föreslå fix" och verktyget gör förgrunden mörkare eller ljusare i små ljusstegssteg, med bibehållen nyans, tills den når 4,5 : 1 — skriver sedan ut närmast passerande hex redo att klistras in i din stilmall.
Allt körs i din webbläsare; outgivna varumärkespaletter lämnar aldrig din enhet. Färger kan vara 3- eller 6-siffrig hex med eller utan hash, rgb() eller rgba(), eller ett vanligt CSS-namn - de grundläggande 16 plus de populära utökade. Den fullständiga CSS-listan med 148 namn bärs inte medvetet, så skriv exotiska namn som hexadecimal. En linje som inte är ett färgpar noteras lugnt och resten fortsätter att bearbetas.