Kontrola kontrastu

Zadejte barvu textu a pozadí a zjistěte kontrastní poměr WCAG a které úrovně AA a AAA vyhovují.

Kontrastní poměr
Běžný textAA4.5:1
Běžný textAAA7:1
Velký textAA3:1
Velký textAAA4.5:1
Rozhraní a grafika3:1
Zadejte barvu textu a pozadí pro kontrolu.

Každá kontrola probíhá ve vašem prohlížeči. Nic z toho, co zadáte, se neodesílá na servery BroBroGo.

Časté dotazy

Co znamenají výsledky AA a AAA?

AA je úroveň, o kterou usiluje většina webů: vyžaduje poměr alespoň 4,5:1 pro běžný text a 3:1 pro velký text. Úroveň AAA je přísnější – vyžaduje 7:1 pro běžný text a 4,5:1 pro velký text. Poměr se pohybuje od 1:1 (žádný kontrast) do 21:1 (černá na bílé).

Co se považuje za velký text?

Text od velikosti 18pt (cca 24px) nebo 14pt (cca 18,5px), pokud je tučný. Větší text zůstává čitelný i při nižším kontrastu, takže splňuje úroveň AA při poměru 3:1 a AAA při 4,5:1 namísto přísnějších limitů pro běžný text.

Které formáty barev mohu zadávat?

Můžete zadat hexadecimální hodnotu jako #1a1a1a, hodnotu rgb() jako rgb(26, 26, 26) nebo hodnotu hsl() – případně kliknout na vzorník a barvu vybrat. Tlačítkem pro prohození můžete barvu textu a pozadí obrátit.

Používá se zde WCAG 2, nebo novější metoda APCA?

Tento nástroj používá vzorec WCAG 2.1 / 2.2, na který dnes odkazují pravidla přístupnosti a audity. APCA je novější metoda založená na vnímání, která se stále připravuje pro WCAG 3 – je slibná, ale zatím to není schválený standard pro shodu, takže výsledky úspěšnosti ji zde nepoužívají.