Kontrola farebného kontrastu

Toto je kontrolór farebného kontrastu podľa WCAG, ktorý zobrazuje presný pomer kontrastu medzi farbou textu a farbou pozadia a či spĺňa úrovne prístupnosti AA a AAA. Vyberte farby pomocou vzorkovníka alebo hex kódu a sledujte živú ukážku.

Upravujte obe farby, kým odznaky neprejdú úrovňou, ktorú potrebujete, a výsledok sa aktualizuje okamžite, ako postupujete.

Text, ktorý je svetlosťou príliš blízko svojmu pozadiu, sa ťažko alebo nemožno prečíta, najmä pre ľudí so slabým zrakom alebo poruchami farebného videnia, alebo pre kohokoľvek na telefóne na jasnom slnku. Dostatočný kontrast udrží váš obsah čitateľný pre každého.

Smernice pre prístupnosť webového obsahu (WCAG) stanovujú štandard. AA, úroveň, na ktorú sa zameriava väčšina stránok a na ktorú odkazuje mnoho zákonov o prístupnosti, vyžaduje pomer 4,5:1 pre bežný text a 3:1 pre veľký text. AAA je prísnejšia s 7:1 a 4,5:1.

Veľký text má nižší prah, pretože väčšie písmená zostávajú čitateľné pri menšom kontraste. Za veľký sa počíta pri približne 24px (18pt) alebo 18,66px (14pt) pri tučnom písme.

Pomer pochádza z relatívnej svietivosti oboch farieb pomocou oficiálneho vzorca WCAG a vytvára hodnotu od 1:1 (žiadny kontrast, totožné farby) až po 21:1 (čierna na bielej).

Všetko sa vypočíta vo vašom prehliadači, takže je to okamžité a súkromné. Nič, čo vyberiete, sa nikam neodošle.