Färgtillgänglighetskontroll
Kontrollera färgkontrastkvoter mot WCAG 2.1-riktlinjer. Testa AA- och AAA-överensstämmelse för normal och stor text. Gratis, 100 % i din webbläsare.
Förhandsvisning stor text (18pt+)
Förhandsvisning normal text — kontrollera läsbarheten mot bakgrundsfärgen.
Referens
Vad är WCAG-färgkontrast?
Web Content Accessibility Guidelines (WCAG) 2.1 definierar minimikontrastkvoter för att säkerställa att text är läsbar för personer med synnedsättning. Kontrastkvoten varierar från 1:1 (ingen kontrast) till 21:1 (maximal, svart på vitt). Cirka 8 % av männen och 0,5 % av kvinnorna har någon form av färgseendedefekt, vilket gör tillräcklig kontrast avgörande för inkluderande design.
WCAG-överensstämmelsenivåer
AA — Normal text: minimikontrast 4,5:1 (vanligaste kravet). AA — Stor text: minimum 3:1 (stor = 18pt/24px normal eller 14pt/18,5px fetstil). AAA — Normal text: minimum 7:1 (förbättrad, rekommenderas för brödtext). AAA — Stor text: minimum 4,5:1. De flesta tillgänglighetslagar och standarder (ADA, Section 508, EN 301 549) hänvisar till WCAG AA som minimikrav.
Hur kontrastkvoten beräknas
Kontrastkvoten använder relativ luminans-värden härledda från sRGB-färger. Varje färgkanal (R, G, B) lineariseras: om sRGB-värdet ≤ 0,04045, dividera med 12,92; annars beräkna ((värde + 0,055) / 1,055)^2.4. Luminans = 0,2126·R + 0,7152·G + 0,0722·B. Kontrastkvoten = (L1 + 0,05) / (L2 + 0,05), där L1 är den ljusare färgens luminans och L2 den mörkare.
Integritet
Alla beräkningar körs 100 % i din webbläsare. Ingen data skickas till någon server.