Čitateľný dizajn pre každého: kontrast, veľkosť textu a prístupnosť
Pre dobrú čitateľnosť by mal byť kontrast textu voči pozadiu aspoň 4,5:1 (úroveň AA podľa WCAG), pri veľkých nápisoch od 18 pt alebo od 14 pt tučným rezom aspoň 3:1. Pre seniorov a slabozrakých sa snažte dosiahnuť 7:1. V tlači sádžte súvislý text na letáku či v menu v 10 – 12 pt (pre starších čitateľov 12 – 14 pt), drobné poznámky nie menšie ako 6 – 7 pt a na banneroch počítajte približne s 1 cm výšky veľkých písmen na každý meter vzdialenosti, z ktorej sa má nápis čítať.
Dizajn môže byť krásny, ale ak si zákazník neprečíta telefónne číslo z letáka alebo cenu z menu, reklama nefunguje. Čitateľnosť nie je otázka vkusu, ale niekoľkých overiteľných parametrov: kontrastu, veľkosti písmen, typu písma, farieb a jazyka. V tejto príručke nájdete konkrétne hodnoty, ktoré používame pri príprave tlačových podkladov, a tiež postup, ako urobiť návrh pohodlným aj pre starších ľudí, slabozrakých a ľudí s poruchami farebného videnia.
Aký kontrast textu voči pozadiu je dostatočný?
Najlepším východiskom sú smernice WCAG, teda medzinárodný štandard prístupnosti digitálneho obsahu. Kontrast sa udáva ako pomer jasu dvoch farieb: od 1:1 (rovnaká farba) po 21:1 (čierna na bielej). Hoci WCAG vznikli pre webové stránky, rovnaké prahy sa výborne osvedčujú aj na papieri, pretože oko funguje rovnako.
Za veľký text považujú WCAG nápisy od 18 pt alebo od 14 pt tučným rezom. Pri nich stačí nižší kontrast, lebo hrubšie písmená sa od pozadia oddeľujú ľahšie. Drobný text, kontaktné údaje a ceny vždy posudzujte podľa prísnejšieho prahu.
- Čierna na bielej: 21:1, vzorová čitateľnosť.
- Čierna na žltej: cca 19,6:1, preto sa tak dobre osvedčuje v značení.
- Sivá #767676 na bielej: cca 4,5:1, teda najsvetlejšia sivá, ktorá ešte spĺňa úroveň AA.
- Červená #FF0000 na bielej: cca 4:1, na drobný text to nestačí.
- Biela na svetložltej: cca 1,1:1, prakticky nečitateľné.
| Druh obsahu | Úroveň AA (minimum) | Úroveň AAA (odporúčaná pre seniorov) |
|---|---|---|
| Bežný text (pod 18 pt) | 4,5:1 | 7:1 |
| Veľký text (od 18 pt alebo 14 pt tučným rezom) | 3:1 | 4,5:1 |
| Ikony, piktogramy, čiary grafov | 3:1 | 3:1 |
Ako preniesť zásady WCAG do tlače?
Kalkulačky kontrastu počítajú s hodnotami RGB alebo HEX, kým tlačiareň pracuje v CMYK. Kontrast si preto overte na RGB ekvivalente svojich farieb a pridajte rezervu, pretože výsledok na papieri závisí od materiálu. Nenatieraný a ekologický papier farbu vpíja a mierne ju stlmí, takže tmavé pozadia vyjdú svetlejšie a svetlé odtiene strácajú výraznosť.
Drobný čierny text nastavte ako 100 % K, bez prímesi ďalších farieb. Viacfarebná čierna v malých písmenách pri najmenšom posune sútlače vytvára farebné okraje a rozmazanie. Inverzný text, teda biely na tmavom pozadí, sádžte o niečo väčším a hrubším písmom, pretože farba z pozadia mierne zalieva tenké ťahy.
- Neumiestňujte text priamo na fotografiu s množstvom detailov; pridajte polopriehľadnú plochu alebo vyberte pokojnú časť obrázka.
- Na lakovanom alebo lesklom materiáli sa svetlo pod niektorými uhlami odráža; v menu a na tabuliach čítaných pod lampou sa lepšie osvedčí matná fólia.
- Pri inverznom texte sa vyhnite pätkovým písmam s tenkými ťahmi a veľkostiam pod 8 pt.
- Sivý text v tlači by nemal byť svetlejší než približne 60 – 70 % čiernej na bielom papieri; presná hranica závisí od písma a materiálu.
Minimálna veľkosť textu v tlači
Veľkosť písma sa udáva v typografických bodoch: 1 pt je približne 0,353 mm, takže 12 pt zodpovedá asi 4,2 mm výšky kuželky. Skutočná veľkosť písmen však závisí od konkrétneho písma, lebo pri rovnakom počte bodov majú niektoré fonty výrazne vyššie malé písmená než iné. Uvedené rozsahy preto berte ako východisko a vždy posúďte skúšobný výtlačok v mierke 1:1.
Pri etiketách potravín navyše platí právo EÚ: povinné informácie musia mať výšku malého písmena x najmenej 1,2 mm a na obaloch, ktorých najväčšia plocha je menšia ako 80 cm², najmenej 0,9 mm.
| Produkt | Nadpis / najdôležitejšia informácia | Hlavný text | Absolútne minimum |
|---|---|---|---|
| Vizitka 90×50 alebo 85×55 mm | meno a priezvisko 10 – 14 pt | kontaktné údaje 7 – 9 pt | 6 pt |
| Leták A6, A5, DL | 18 – 36 pt | 9 – 11 pt (seniori 12 pt) | 7 pt |
| Menu / cenník A4, A5 | názvy jedál 12 – 16 pt | popisy 10 – 12 pt, ceny min. 11 pt | 8 pt |
| Plagát A3 | 60 – 120 pt | 14 – 20 pt | 12 pt |
| Plagát A2, A1 | 100 – 250 pt | 20 – 36 pt | 16 pt |
| Diplom A4 | meno 24 – 48 pt | 12 – 16 pt | 10 pt |
| Visačka / etiketa | názov 10 – 16 pt | 7 – 9 pt | 6 pt |
Aké veľké písmená na banneri, roll-upe a firemnej tabuli?
Pri veľkých formátoch rozhoduje vzdialenosť, z ktorej niekto nápis číta. Praktické pravidlo vonkajšej reklamy hovorí o približne 1 cm výšky veľkých písmen na každý meter vzdialenosti pohodlného čítania. Pri hrubom, jednoduchom písme a vysokom kontraste môžete ísť trochu nižšie, pri tenkom alebo ozdobnom fonte potrebujete viac.
Na banner a roll-up dajte málo textu: okoloidúci má len niekoľko sekúnd. Stačí slogan, jeden prínos a kontakt, zvyšok patrí na leták.
| Nosič | Bežná vzdialenosť čítania | Výška veľkých písmen v slogane | Výška písmen v kontakte |
|---|---|---|---|
| Roll-up 85×200 cm | 2 – 5 m | 6 – 12 cm | 2,5 – 4 cm |
| Firemná tabuľa šírky 100 – 120 cm | 5 – 15 m | 8 – 15 cm | 3 – 6 cm |
| Banner na plot 300×100 cm | 10 – 20 m | 15 – 25 cm | 8 – 12 cm |
| Banner 500×100 cm pri ceste | 20 – 30 m | 25 – 35 cm | 12 – 18 cm |
Dizajn pre starších a slabozrakých ľudí
S vekom potrebuje oko viac svetla a horšie rozlišuje podobné odtiene, šošovka navyše žltne, takže bledomodré a svetlosivé nápisy splývajú s pozadím. Pre túto skupinu zväčšite hlavný text na 12 – 14 pt a snažte sa o kontrast 7:1. To isté pomáha aj slabozrakým a každému, kto číta pri slabom osvetlení.
Typ písma je rovnako dôležitý ako jeho veľkosť. Vyberajte fonty s otvorenými tvarmi, zreteľne odlíšenými znakmi (I, l, 1 a O, 0) a strednou hrúbkou ťahu.
- V informačnom texte sa vyhnite tenkým rezom (light, thin), zúženým písmam a ozdobným písaným fontom.
- Riadkovanie 120 – 150 % veľkosti písma, teda pri 12 pt približne 14,5 – 18 pt.
- Zarovnanie doľava namiesto zarovnania do bloku, ktoré vytvára nerovnomerné medzery medzi slovami.
- Dĺžka riadka približne 45 – 75 znakov; dlhšie riadky unavujú zrak.
- Verzálky používajte len v krátkych sloganoch, nie v odsekoch.
- Telefónne číslo zoskupte do blokov, napr. 0905 123 456, a dajte mu výrazné miesto.
Daltonizmus: ako sa nespoliehať iba na farbu
Poruchy farebného videnia sa týkajú najmä mužov a najčastejšie ide o zamieňanie červenej so zelenou. Človek s takouto poruchou farby vidí, no dvojice červená – zelená či hnedá – zelená môžu vyzerať takmer rovnako. Problémom teda nie je samotná farba, ale informácia odovzdaná výlučne farbou.
Najjednoduchší test: preveďte návrh do odtieňov sivej. Ak nadpis, cena či označenie stále vynikajú, návrh je bezpečný. Grafické programy ponúkajú aj náhľad simulujúci daltonizmus, napríklad v nastaveniach kontrolného náhľadu farieb.
- Nedávajte červený text na zelené pozadie ani naopak.
- Označenia v menu (vegánske, pikantné, bez lepku) doplňte ikonou alebo skratkou, nielen farbou.
- Akciovú cenu zvýraznite aj veľkosťou, tučným písmom alebo rámčekom.
- Do grafov a máp pridajte popisky, vzory alebo rôzne tvary značiek.
- Bezpečné kombinácie sú tmavomodrá so žltou a modrá s oranžovou, pokiaľ sa líšia jasom.
Jednoduché slová a kontrola návrhu pred tlačou
Čitateľnosť je aj otázkou jazyka. Krátke vety, známe slová a jedna hlavná správa na nosič zabezpečia, že text pochopí každý, aj človek, ktorý číta v inom než materinskom jazyku. Píšte v činnom rode – namiesto „realizácia objednávok prebieha“ napíšte „objednávky vybavujeme“ – a čísla, hodiny a ceny uvádzajte číslicami.
Pred tlačou si návrh vytlačte v mierke 1:1 na bežnej tlačiarni a prečítajte ho zo vzdialenosti, z akej sa bude pozerať. Ak si návrh objednáte na plakaty.shop (wielkareklama.eu studio), nápisy sa kontrolujú automaticky, ale telefónne čísla, adresy a otváracie hodiny si vždy prečítajte sami.
- Jedna myšlienka v jednej vete, ideálne do približne 15 slov.
- Namiesto odborných skratiek používajte celé, bežné slová.
- Najdôležitejšia informácia hore, podrobnosti nižšie.
- Jasná výzva na akciu: zavolajte, navštívte, objednajte.
Kontrolný zoznam
- Kontrast textu voči pozadiu min. 4,5:1, pri veľkých nápisoch min. 3:1
- Hlavný text min. 10 pt, pre seniorov 12 – 14 pt
- Drobný čierny text nastavený ako 100 % K
- Žiadny text na rušnej časti fotografie
- Návrh je čitateľný aj po prevode do odtieňov sivej
- Informácie označené farbou majú aj ikonu alebo popis
- Výška písmen na banneri zodpovedá vzdialenosti čítania
- Krátke vety a jedna hlavná správa
- Všetky nápisy, telefónne čísla a adresy osobne skontrolované
Časté otázky
Aký kontrast textu je v súlade s WCAG?
Úroveň AA vyžaduje kontrast aspoň 4,5:1 pri bežnom texte a 3:1 pri veľkom texte, teda od 18 pt alebo od 14 pt tučným rezom. Úroveň AAA zvyšuje tieto hodnoty na 7:1 a 4,5:1. V tlači sa oplatí pridať rezervu, pretože papier a farba môžu kontrast znížiť.
Aké je minimálne písmo na letáku?
Hlavný text na letáku sádžte v 9 – 11 pt, a ak sú cieľovou skupinou starší ľudia, v 12 pt. Drobné poznámky, napríklad podmienky akcie, by nemali byť menšie ako 7 pt. Konečné posúdenie urobte na skúšobnom výtlačku v mierke 1:1, pretože rôzne písma pri rovnakej veľkosti vyzerajú odlišne.
Aké veľké písmená dať na banner, aby boli viditeľné zďaleka?
Počítajte s približne 1 cm výšky veľkých písmen na každý meter vzdialenosti, z ktorej sa má nápis čítať. Pri banneri, na ktorý sa ľudia pozerajú z 20 m, by mal mať slogan asi 20 cm na výšku. Hrubé, jednoduché písmo a vysoký kontrast zlepšia čitateľnosť viac než samotné zväčšovanie písmen.
Ktorým farbám sa vyhnúť kvôli daltonizmu?
Najrizikovejšie sú dvojice červená – zelená, zelená – hnedá a modrá – fialová s podobným jasom. Kľúčové je, aby sa farby líšili jasom a aby informácia nebola odovzdaná iba farbou. Návrh si overte v odtieňoch sivej alebo v simulátore daltonizmu.
Aké písmo je pre seniorov najčitateľnejšie?
Najlepšie sa osvedčujú bezpätkové alebo pätkové písma so strednou hrúbkou ťahu, otvorenými tvarmi písmen a zreteľne odlíšenými znakmi, ako sú I, l a 1. Vyhnite sa tenkým, zúženým a ozdobným fontom. Hlavný text nastavte na 12 – 14 pt s riadkovaním 120 – 150 %.


