Čitelný design pro každého: kontrast, velikost písma a přístupnost
Pro dobrou čitelnost by měl být kontrast textu vůči pozadí alespoň 4,5:1 (úroveň AA podle WCAG). U velkých nápisů od 18 pt, nebo od 14 pt tučně, stačí alespoň 3:1. Pro seniory a slabozraké se vyplatí mířit na 7:1. V tisku sázejte běžný text na letáku nebo v menu ve velikosti 10–12 pt (pro starší čtenáře 12–14 pt) a drobné poznámky ne menší než 6–7 pt. Na bannerech počítejte zhruba s 1 cm výšky velkých písmen na každý metr vzdálenosti, ze které se má nápis číst.
Návrh může být krásný, ale pokud zákazník nepřečte telefonní číslo na letáku nebo cenu v menu, reklama nefunguje. Čitelnost není věc vkusu, ale několika ověřitelných parametrů: kontrastu, velikosti písma, volby písma, barev a jazyka. V tomto průvodci najdete konkrétní hodnoty, se kterými pracujeme při přípravě tiskových dat, a také postupy, díky kterým bude návrh pohodlný i pro starší lidi, slabozraké a osoby s poruchami barevného vidění.
Jaký kontrast textu vůči pozadí je dostatečný?
Nejlepším vodítkem jsou pravidla WCAG, tedy mezinárodní standard přístupnosti digitálního obsahu. Kontrast se udává jako poměr jasu dvou barev: od 1:1 (stejná barva) do 21:1 (černá na bílé). WCAG sice vznikly pro webové stránky, stejné hodnoty se ale osvědčují i na papíře, protože oko funguje pořád stejně.
Za velký text považují WCAG nápisy od 18 pt nebo od 14 pt tučně. U nich stačí nižší kontrast, protože silnější písmena se od pozadí oddělují snáze. Drobný text, kontaktní údaje a ceny ale vždy posuzujte podle přísnější hranice.
- Černá na bílé: 21:1, vzorová čitelnost.
- Černá na žluté: cca 19,6:1, proto se tak osvědčuje v orientačním značení.
- Šedá #767676 na bílé: cca 4,5:1, tedy nejsvětlejší šedá, která splní úroveň AA.
- Červená #FF0000 na bílé: cca 4:1, pro drobný text málo.
- Bílá na světle žluté: cca 1,1:1, prakticky nečitelné.
| Typ obsahu | Úroveň AA (minimum) | Úroveň AAA (doporučeno pro seniory) |
|---|---|---|
| Běžný text (pod 18 pt) | 4,5:1 | 7:1 |
| Velký text (od 18 pt nebo od 14 pt tučně) | 3:1 | 4,5:1 |
| Ikony, piktogramy, čáry v grafech | 3:1 | 3:1 |
Jak převést pravidla WCAG do tisku?
Kalkulačky kontrastu počítají s hodnotami RGB nebo HEX, tiskárna však pracuje v CMYK. Kontrast proto ověřte na RGB ekvivalentu svých barev a nechte si rezervu, protože výsledek na papíře závisí na podkladu. Nenatíraný a recyklovaný papír pije barvu a barvy mírně utlumí, takže tmavá pozadí vyjdou světlejší a světlé odstíny ztratí na výraznosti.
Drobný černý text nastavujte jako 100 % K, bez příměsi dalších barev. Vícebarevná (sytá) čerň u malých písmen při sebemenší nepřesnosti soutisku vytváří barevné lemy a rozmazání. Inverzní text, tedy bílý na tmavém pozadí, sázejte o něco větší a silnějším písmem, protože barva z pozadí tenké tahy mírně zalévá.
- Nepokládejte text přímo na fotografii s mnoha detaily; přidejte poloprůhlednou plochu nebo zvolte klidnou část snímku.
- Na lakovaném nebo lesklém podkladu se světlo pod určitými úhly odráží; u menu a tabulí čtených pod lampou je lepší matné lamino.
- U inverzního textu se vyhněte patkovým písmům s tenkými tahy a velikostem pod 8 pt.
- Šedý text by v tisku na bílém papíře neměl být světlejší než zhruba 60–70 % černé; přesná hranice závisí na písmu a podkladu.
Minimální velikost písma v tisku
Velikost písma se udává v typografických bodech: 1 pt je cca 0,353 mm, takže 12 pt odpovídá zhruba 4,2 mm výšky kuželky. Skutečná velikost písmen ale závisí na konkrétním písmu, protože při stejném počtu bodů mají některé fonty výrazně vyšší malá písmena než jiné. Uvedená rozmezí proto berte jako výchozí bod a vždy posuďte zkušební výtisk v měřítku 1:1.
U etiket potravin navíc platí právo EU: povinné údaje musí mít výšku malého písmene x alespoň 1,2 mm, na obalech, jejichž největší plocha je menší než 80 cm², alespoň 0,9 mm.
| Produkt | Nadpis / nejdůležitější informace | Hlavní text | Absolutní minimum |
|---|---|---|---|
| Vizitka 90×50 nebo 85×55 mm | jméno a příjmení 10–14 pt | kontaktní údaje 7–9 pt | 6 pt |
| Leták A6, A5, DL | 18–36 pt | 9–11 pt (senioři 12 pt) | 7 pt |
| Menu / ceník A4, A5 | názvy jídel 12–16 pt | popisy 10–12 pt, ceny min. 11 pt | 8 pt |
| Plakát A3 | 60–120 pt | 14–20 pt | 12 pt |
| Plakát A2, A1 | 100–250 pt | 20–36 pt | 16 pt |
| Diplom A4 | jméno 24–48 pt | 12–16 pt | 10 pt |
| Visačka / etiketa | název 10–16 pt | 7–9 pt | 6 pt |
Jak velká písmena na banner, roll-up a vývěsní štít?
U velkých formátů rozhoduje vzdálenost, ze které nápis někdo čte. Praktické pravidlo z venkovní reklamy říká zhruba 1 cm výšky velkých písmen na každý metr pohodlné čtecí vzdálenosti. S tučným, jednoduchým písmem a vysokým kontrastem můžete jít o něco níž, s tenkým nebo ozdobným fontem potřebujete víc.
Na banner a roll-up dávejte málo textu: kolemjdoucí má jen pár sekund. Stačí slogan, jeden přínos a kontakt, zbytek patří na leták.
| Nosič | Běžná čtecí vzdálenost | Výška velkých písmen ve sloganu | Výška písmen v kontaktu |
|---|---|---|---|
| Roll-up 85×200 cm | 2–5 m | 6–12 cm | 2,5–4 cm |
| Vývěsní štít šířky 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 u silnice | 20–30 m | 25–35 cm | 12–18 cm |
Návrh pro starší a slabozraké lidi
S věkem potřebuje oko víc světla a hůř rozlišuje podobné odstíny, navíc oční čočka žloutne, takže bledě modré a světle šedé nápisy splývají s pozadím. Pro tuto skupinu zvětšete hlavní text na 12–14 pt a miřte na kontrast 7:1. Totéž pomáhá slabozrakým i každému, kdo čte při slabém osvětlení.
Volba písma je stejně důležitá jako jeho velikost. Vybírejte fonty s otevřenými tvary, jasně odlišnými znaky (I, l, 1 a také O, 0) a střední tloušťkou tahu.
- V informačním textu se vyhněte tenkým řezům (light, thin), úzkým (kondenzovaným) a ozdobným psacím písmům.
- Řádkový proklad 120–150 % velikosti písma, tedy u 12 pt řádkování cca 14,5–18 pt.
- Zarovnání doleva místo zarovnání do bloku, které vytváří nestejné mezery mezi slovy.
- Délka řádku cca 45–75 znaků; delší řádky unavují zrak.
- Verzálky jen v krátkých sloganech, ne v odstavcích.
- Telefonní číslo seskupte do bloků, např. 603 123 456, a dejte mu výrazné místo.
Barvoslepost: jak nespoléhat jen na barvu
Poruchy barevného vidění se týkají hlavně mužů a nejčastější je záměna červené se zelenou. Člověk s touto poruchou barvy vidí, ale dvojice červená–zelená nebo hnědá–zelená mu mohou připadat téměř stejné. Problémem tedy není samotná barva, ale informace sdělená pouze barvou.
Nejjednodušší test: převeďte návrh do stupňů šedi. Pokud nadpis, cena nebo označení stále vynikají, je návrh v pořádku. Grafické programy nabízejí i náhled simulující barvoslepost, např. v nastavení nátisku.
- Nedávejte červený text na zelené pozadí ani naopak.
- Označení v menu (vegetariánské, pálivé, bez lepku) doplňte ikonou nebo zkratkou, ne jen barvou.
- Akční cenu zvýrazněte i velikostí, tučným písmem nebo rámečkem.
- Do grafů a map přidejte popisky, vzory nebo různé tvary značek.
- Bezpečné kombinace jsou tmavě modrá se žlutou a modrá s oranžovou, pokud se liší jasem.
Jednoduchý jazyk a kontrola návrhu před tiskem
Čitelnost je i otázkou jazyka. Krátké věty, známá slova a jedno hlavní sdělení na nosič zajistí, že text pochopí každý, včetně člověka, který čte v cizím jazyce. Pište v činném rodě: místo „vyřizování objednávek probíhá“ napište „objednávky vyřizujeme“, a čísla, časy a ceny uvádějte číslicemi.
Před tiskem si návrh vytiskněte v měřítku 1:1 na běžné tiskárně a přečtěte ho ze vzdálenosti, ze které se na něj lidé budou dívat. Pokud si návrh objednáte na plakaty.shop (wielkareklama.eu studio), nápisy se kontrolují automaticky, telefonní čísla, adresy a otevírací dobu si ale vždy přečtěte sami.
- Jedna myšlenka v jedné větě, ideálně do zhruba 15 slov.
- Místo oborových zkratek používejte plná, běžná slova.
- Nejdůležitější informace nahoře, podrobnosti níže.
- Jasná výzva k akci: zavolejte, navštivte, objednejte.
Kontrolní seznam
- Kontrast textu vůči pozadí min. 4,5:1, u velkých nápisů min. 3:1
- Hlavní text min. 10 pt, pro seniory 12–14 pt
- Drobný černý text nastavený jako 100 % K
- Žádný text na rušné části fotografie
- Návrh je čitelný i po převodu do stupňů šedi
- Informace označené barvou mají i ikonu nebo popisek
- Výška písmen na banneru odpovídá čtecí vzdálenosti
- Krátké věty a jedno hlavní sdělení
- Všechny nápisy, telefony a adresy osobně přečtené
Časté dotazy
Jaký kontrast textu odpovídá WCAG?
Úroveň AA vyžaduje kontrast alespoň 4,5:1 u běžného textu a 3:1 u velkého textu, tedy od 18 pt nebo od 14 pt tučně. Úroveň AAA tyto hodnoty zvyšuje na 7:1 a 4,5:1. V tisku se vyplatí nechat si rezervu, protože papír a barva mohou kontrast snížit.
Jaká je minimální velikost písma na letáku?
Hlavní text na letáku sázejte ve velikosti 9–11 pt, a pokud jsou čtenáři starší lidé, ve 12 pt. Drobné poznámky, např. podmínky akce, by neměly být menší než 7 pt. Konečné posouzení proveďte na zkušebním výtisku v měřítku 1:1, protože různá písma vypadají při stejné velikosti odlišně.
Jak velká písmena dát na banner, aby byla vidět z dálky?
Počítejte zhruba s 1 cm výšky velkých písmen na každý metr vzdálenosti, ze které se má nápis číst. U banneru, na který se lidé dívají z 20 m, by měl mít slogan výšku asi 20 cm. Tučné, jednoduché písmo a vysoký kontrast zlepší čitelnost víc než pouhé zvětšování písmen.
Kterým barvám se kvůli barvosleposti vyhnout?
Nejrizikovější jsou dvojice červená–zelená, zelená–hnědá a modrá–fialová s podobným jasem. Klíčové je, aby se barvy lišily jasem a aby informace nebyla sdělena pouze barvou. Návrh si zkontrolujte ve stupních šedi nebo v simulátoru barvosleposti.
Jaké písmo je pro seniory nejčitelnější?
Nejlépe fungují bezpatková nebo patková písma se střední tloušťkou tahu, otevřenými tvary písmen a jasně odlišnými znaky, jako jsou I, l a 1. Vyhněte se tenkým, úzkým a ozdobným fontům. Hlavní text nastavte na 12–14 pt s řádkovým prokladem 120–150 %.
