This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Kontrola barevných kontrastů: 4,5:1, 3:1 a co ještě záleží
Běžný text potřebuje poměr kontrastu k pozadí alespoň 4,5:1, velké písmo a obrysy ovládacích prvků alespoň 3:1. K tomu přistupují požadavky na přiblížení (do 200 % bez ztráty informace), zalomení (použitelné při šířce 320 px) a rozestupy textu. Barva sama nikdy nesmí být jedinou informací.
- Kontrast je jedno z mála kritérií, která jsou plně vypočitatelná — a přesto nejčastější nález. Důvod bývá stejné místo: světlá firemní barva na bílé ploše, nebo text se sníženým krytím. Krytí snižuje kontrast, aniž by to bylo na barevném zápisu vidět.
- Zalomení při 320 px je požadavek, který sráží klasická tabulková rozvržení: při této šířce nesmí být pro čtení obsahu nutné vodorovné posouvání. Vyňat je obsah, který to nutně potřebuje — třeba složité datové tabulky a mapy.
- „Jen barva“ je klasika u povinných polí a grafů: červeně orámované chybové pole bez textu neřekne barvoslepému uživateli nic. Je potřeba druhý znak — symbol, popisek nebo text.
FAQ
Jak vypočítám poměr kontrastu?
Z relativních jasů obou barev; výsledek leží mezi 1:1 (stejná barva) a 21:1 (černá na bílé). Počítat to sami nemusíte — každý kontrastní nástroj i naše kontrola dodávají hodnotu k místu nálezu.
Od kdy se písmo považuje za „velké“?
Od 18 bodů, nebo od 14 bodů u tučného písma. Pro tyto velikosti stačí 3:1 místo 4,5:1. Nižší hodnota platí jen pro samotný text, ne pro symboly vedle něj.
Proč náš text propadne, přestože barva sedí?
Často kvůli krytí: text s opacity pod 1 se mísí s pozadím a skutečný kontrast je nižší než vypočtený kontrast čisté barvy. Stejně působí poloprůhledné překryvy na obrázcích.
Platí hodnota kontrastu i pro ovládací prvky?
Ano — pro části, které je třeba rozpoznat kvůli ovládání: obrysy polí, stavy přepínačů, rámečky fokusu, čáry v grafech. Tam platí 3:1. Čistě dekorativní prvky jsou vyňaty.