Kontrola kontrastu barev

Tohle je kontrola barevného kontrastu podle WCAG, která ukazuje přesný poměr kontrastu mezi barvou textu a barvou pozadí a jestli splňuje úrovně přístupnosti AA a AAA. Vyberte barvy pomocí vzorku nebo hex kódu a sledujte živý náhled.

Upravte obě barvy, dokud odznaky nesplní úroveň, kterou potřebujete, a výsledek se aktualizuje okamžitě, jak postupujete.

Text, který má příliš blízkou světlost ke svému pozadí, je těžko nebo vůbec čitelný, zejména pro lidi se slabým zrakem nebo poruchami barvocitu, nebo pro kohokoliv na telefonu na jasném slunci. Dostatečný kontrast udrží váš obsah čitelný pro všechny.

Standard stanovují Pokyny pro přístupnost webového obsahu (WCAG). Úroveň AA, na kterou míří většina webů a na kterou odkazuje mnoho zákonů o přístupnosti, vyžaduje poměr 4,5:1 pro běžný text a 3:1 pro velký text. AAA je přísnější, 7:1 a 4,5:1.

Velký text má nižší práh, protože větší písmena zůstávají čitelná i při menším kontrastu. Za velký se počítá zhruba od 24px (18pt), nebo 18,66px (14pt), pokud je tučný.

Poměr vychází z relativní jasnosti obou barev pomocí oficiálního vzorce WCAG a vytváří hodnotu od 1:1 (žádný kontrast, identické barvy) až po 21:1 (černá na bílé).

Všechno se počítá ve vašem prohlížeči, takže je to okamžité a soukromé. Nic z toho, co vyberete, se nikam nenahrává.