Proč je kontrast klíčový prvek?
Kontrast má mnoho významů a podob. Nás zajímá kontrast, definující zřetelnost textu vůči pozadí. Objektivně totiž umí vyčíslit, zda text čitelný je nebo není. Není to tedy čistě pocitová záležitost. Text s nevhodným kontrastem totiž není jen estetický problém – přímo ovlivňuje použitelnost webu a schopnost návštěvníků číst informace. Nízký kontrast může být obzvláště problematický pro uživatele se zrakovými obtížemi, ale negativně ovlivňuje čitelnost pro všechny. Po našem – je to otravné.
Kontrastu se často nepřipisuje příliš důležitá role. Spoustu lidí vůbec netuší, co si pod slovem „kontrast“ vůbec představit. A to je velká chyba! Když něco komunikujeme, děláme to přece proto, aby to ostatní přečetli. A když text splývá s pozadím, obsah zůstane nepřečtený a vaše sdělení se k návštěvníkům nedostane.
Pravidla pro správný kontrast
Na kontrast existuje jednoduchá poučka, kterou si snadno zapamatujete:
- Světlý text umístěte na tmavé pozadí
- Tmavý text umístěte na světlé pozadí
Toto základní pravidlo zajistí, že váš obsah bude čitelný. Je však potřeba dávat pozor na extrémní kontrasty, které mohou být pro oči únavné.
Ukázky různých typů kontrastu
Nízký kontrast – Text se vpíjí do pozadí, je obtížně čitelný nebo zcela nečitelný. Návštěvník musí vynaložit značné úsilí, aby obsah přečetl, a mnohdy to vzdá.
Ideální kontrast – Text je zcela zřetelný, čte se pohodlně a bez námahy. Barva textu a pozadí jsou dostatečně odlišné, ale nejsou extrémně kontrastní.
Vysoký kontrast – Z textu může bolet oči a dlouhodobé čtení je nepříjemné. Typickým příkladem je jasně bílý text na černém pozadí nebo naopak – při delším čtení může způsobovat únavu očí.
Proč je správný kontrast klíčový pro váš web
Vhodně zvolený kontrast přináší několik zásadních výhod:
- Absolutní čitelnost –Návštěvníci snadno a bez námahy přečtou všechen text
- Vyšší srozumitelnost sdělení – Informace se skutečně dostanou k příjemcům
- Profesionální dojem – Web působí profesionálně a důvěryhodně
- Přístupnost pro všechny –Obsah je čitelný i pro uživatele se zrakovými obtížemi
- Vyšší konverze – Když návštěvníci přečtou vaše sdělení, pravděpodobněji provedou požadovanou akci
Závěr
Kontrast textu a pozadí je základním prvkem použitelného webu, který je často podceňován. Přitom stačí dodržovat jednoduché pravidlo – světlý text na tmavém pozadí nebo tmavý text na světlém pozadí. Pro text na fotografiích pak použijte poloprůhlednou vrstvu nebo stínování.
Vhodný kontrast zajistí, že vaše sdělení bude skutečně přečteno a pochopeno, což je přece hlavním cílem každého textu na vašem webu. Neignorujte tento základní princip designu – výsledky vás překvapí!
