Kontrast farieb

Definícia

Kontrast farieb je rozdiel svetlosti medzi textom a jeho pozadím. Čím väčší, tým ľahšie sa text číta, najmä na slnku alebo pri slabšom zraku. Pravidlá prístupnosti (WCAG, medzinárodné pokyny pre dostupný web) žiadajú pre bežný text pomer aspoň 4,5 : 1, pre veľký text a prvky rozhrania, napríklad rámček tlačidla, aspoň 3 : 1.

Čo to znamená pre vašu firmu

Kontrast je jedna z mála vecí prístupnosti, ktorú viete skontrolovať sami, a oprava je zvyčajne rýchla: tmavší odtieň textu alebo svetlejšie pozadie. Typické chyby: svetlosivý text na bielom (vyzerá elegantne, nečíta sa), text priamo na fotke bez tmavej vrstvy, biely nápis na žltom tlačidle a drobné sivé popisky pod poľami formulára. Za veľký text sa považuje cca 24 px, alebo 19 px tučne a viac.

Príklad z praxe

Účtovnícka kancelária mala na webe svetlosivý text na bielom pozadí a bielu výzvu na pastelovo zelenom tlačidle. V kancelárii to vyzeralo jemne, na telefóne na slnku sa texty takmer nedali prečítať. Po stmavení textu a tlačidla sa web číta aj vonku.

Prečo je to dôležité

Zlý kontrast pocíti každý: na slnku, pri nízkom jase displeja alebo keď je unavený. Oprava mení len odtiene, nie značku ani rozloženie, a stačí ju spraviť na texte a ovládacích prvkoch, nie na každej ozdobe.

Súvisiace pojmy

Prístupnosť webu (WCAG)UI dizajn (používateľské rozhranie)Vizuálna hierarchia Tmavý režim (dark mode)Dizajnový systém (design system)

Čítajte ďalej

Часті запитання

Aký pomer kontrastu mám dodržať?

Pre bežný text aspoň 4,5 : 1, pre veľký text a prvky rozhrania aspoň 3 : 1. Je to úroveň AA, bežný cieľ pri weboch. Pomer si vypočítate v kalkulačke kontrastu.

Musím kontrast riešiť zo zákona?

Pre e-shopy a online služby môže platiť zákon č. 351/2022 Z. z. o prístupnosti, v praxi od 28. júna 2025; mikropodnikov sa netýka (menej ako 10 zamestnancov a obrat do 2 miliónov eur). Nejde o právne poradenstvo, overte si vlastnú situáciu.

Stačí si to skontrolovať sám?

Hlavné farby textu a tlačidiel áno. Pri webe s desiatkami stránok sa oplatí odborník, lebo kontrast sa skrýva aj v stavoch tlačidiel, v poliach formulára a v textoch na fotkách.

Chcete to mať vyriešené?

Napíšte nám pár viet o firme a o tom, čo potrebujete. Ozveme sa do pár hodín v pracovný deň a ponuku pošleme do 48 hodín. Prvých 20 minút konzultácie je zadarmo.

Написати нам Späť na slovník