Použijte srozumitelný jazyk, viditelnou hierarchii, přiměřenou velikost a rozestupy, omezte délku řádku a ověřte text při zoomu i na úzké obrazovce.
Čitelnost není otázkou jednoho fontu ani zkrácení každého odstavce. Vzniká spojením jazyka, typografie, šířky sloupce, hierarchie a kontextu zařízení. Text může být odborně přesný, ale prakticky nepoužitelný, pokud je drobný, nahuštěný, rozdělený slabými nadpisy nebo plný nevysvětlených interních pojmů.
Cílem není zjednodušit téma na marketingová hesla. Člověk má rychle najít odpověď a podle potřeby pokračovat do detailu. Web musí snést zvětšení textu, úzkou obrazovku, překlad i uživatelská nastavení bez překrývání. Rozhodnutí je třeba testovat na reálném obsahu, nikoli na krátkém ukázkovém odstavci v designovém systému.
Jazyk vychází ze znalostí a cíle čtenáře
Pojmenujte publikum, jeho předchozí znalosti a rozhodnutí, které má po přečtení učinit. Odborný pojem použijte, když je přesný a potřebný, ale při prvním výskytu jej vysvětlete. Zkratky, interní názvy a anglické výrazy nemají být zkouškou příslušnosti. Jedna věta by měla nést srozumitelný hlavní vztah.
U dlouhého návodu začněte výsledkem a poté uveďte kroky, podmínky a výjimky. Činný rod často jasněji ukazuje odpovědnost, ale nepřepisujte vše mechanicky. Čísla, data a jednotky formátujte konzistentně. Právní nebo odborný význam nezkracujte bez revize kvalifikovanou osobou.
Typografická škála musí fungovat v reálném rozhraní
Základní písmo nastavte tak, aby bylo pohodlně čitelné na běžných zařízeních a dalo se zvětšit v nastavení prohlížeče. Rozdíl mezi nadpisy, textem, popisky a ovládacími prvky má být zřetelný, ale nemá záviset pouze na velikosti. Příliš tenký řez nebo dekorativní font může zhoršit čitelnost i při dostatečném kontrastu.
Řádkování a mezery mezi odstavci mají oddělit myšlenky, aniž by se text rozpadl. Nepoužívejte obrázek textu tam, kde může být živý HTML obsah. U vlastního fontu nastavte bezpečné náhradní písmo a sledujte změnu rozměrů během načítání. Uživatelská volba fontu nebo větších mezer nesmí zablokovat funkci.
- čitelná základní velikost a řez písma
- konzistentní měřítko nadpisů a popisů
- dostatečné řádkování a mezery mezi odstavci
- živý text místo obrázku s textem
Šířka řádku a rozložení snižují ztrátu orientace
Příliš dlouhý řádek ztěžuje návrat oka na začátek dalšího, příliš krátký rozbíjí větu. Nastavte rozumnou maximální šířku textového sloupce podle použitého písma a kontextu. Na velkém monitoru nemusí odstavec vyplňovat celou obrazovku. Na mobilu se vyhněte vodorovnému posouvání běžného textu.
Boční panely, sticky prvky a reklamní bloky nesmí stlačovat hlavní obsah na nepoužitelnou šířku. Tabulku nebo kód lze posouvat samostatně s jasným označením, ale základní výklad má zůstat dostupný. Při zvětšení se rozvržení musí zalomit, nikoli překrývat nebo skrývat důležité věty.
Nadpisy a zvýraznění vytvářejí mapu obsahu
Každý nadpis má pojmenovat téma následující části a zachovat logickou úroveň. Nepřeskakujte hierarchii jen kvůli vizuální velikosti; styl řešte v CSS. Čtenář při skenování potřebuje pochopit argument bez čtení každé věty. Obecné nadpisy jako „Více informací“ takovou mapu nevytvářejí.
Tučné písmo používejte pro krátké nosné pojmy, ne pro celé odstavce. Velká písmena, kurzíva a barevné zvýraznění ztrácejí účinek, pokud je jich příliš. Seznam pomáhá u rovnocenných položek a kroků, ale souvislé vysvětlení patří do odstavce. Formát má odpovídat významu informace.
- jeden popisný hlavní nadpis stránky
- logická posloupnost úrovní bez vizuálních zkratek
- seznam pouze pro rovnocenné body nebo kroky
- zvýraznění nosných slov místo celých bloků
- přiměřená šířka sloupce na velkém monitoru
- reflow bez horizontálního posouvání běžného textu
- vysvětlené zkratky a odborné pojmy
- stabilní náhradní písmo během načítání
- test porozumění s cílovým publikem
Testování spojuje porozumění s technickou odolností
Nechte zástupce publika vysvětlit text vlastními slovy a učinit rozhodnutí podle jeho obsahu. Ptejte se, které pojmy byly nejasné a kde hledal další krok. Automatické skóre čitelnosti může upozornit na složité věty, ale nezná odborný kontext ani správnost tvrzení.
Ověřte mobil, velký monitor, zvětšení textu, úzký viewport, vysoký kontrast a překlad delších slov. Kontrolujte i načítání fontu a tisk, pokud je dokument určen k použití mimo obrazovku. Změnu měřte dokončením úkolu a zpětnou vazbou, nikoli slibem univerzálně vyšší konverze.
Časté dotazy
Jaká je ideální velikost písma na webu?
Jedno číslo neplatí pro každý font a kontext. Důležitá je skutečná čitelnost, možnost zvětšení, kontrast a fungování rozvržení na různých zařízeních.
Mají být všechny odstavce velmi krátké?
Ne. Odstavec má nést jednu související myšlenku. Umělé dělení každé věty narušuje tok stejně jako dlouhý blok bez struktury.
Stačí automatické skóre čitelnosti?
Ne. Neověří význam, přesnost ani porozumění cílového publika. Používejte ho jen jako podnět spolu s redakční a uživatelskou kontrolou.
Zdroje a další čtení
Adam Antoni vyvíja weby, aplikácie a softvér na mieru. Prepája firemné systémy, automatizuje procesy a vytvára AI agentov. Pôsobí v Spišskej Novej Vsi a spolupracuje s firmami na celom Slovensku.
