Pro většinu z nás je zarovnání textu do bloku – tedy k oběma okrajům sloupce či stránky – základem profesionálního zpracování textů. Koneckonců v knihách, časopisech a většině tištěných publikací je toto zarovnání běžné. Je tedy zcela pochopitelné, že bychom ho rádi použili i na vlastním webu.
V online prostředí se však doporučuje text zarovnávat vlevo (pro jazyky, kde píšeme zleva doprava). Proč? Zejména kvůli lepší čitelnosti.
Obsah článku
Tisková grafika versus online prostředí
Tisková grafika má přesně dané rozměry. Jednotlivé prvky můžeme tedy posouvat po milimetrech, dokud s výsledkem nejsme spokojeni. Při sazbě knih kontrolují typografové rozložení textu na stránce a ručně odstraňují typografické chyby – tak, aby tok textu nerušil čtení.
Na webu však tuto možnost nemáme. Návštěvníci si weby prohlížejí na různých zařízeních: mobilech, tabletech, laptopech i velkých monitorech. Mění se šířka „stránky“ i velikost písma. Při zarovnání do bloku vznikají mezi slovy tzv. „řeky“ – propojená bílá místa, která snižují čitelnost textu a narušují vnímání informací. Právě řeky se v knižní sazbě upravují ručně – což na webu možné není.
Může také dojít k opačnému extrému, kdy slova na jednom řádku k sobě budou natěsnaná tak, že mezi nimi nezůstane téměř žádné místo. I to výrazně snižuje čitelnost.
Uživatelský zážitek a přístupnost
Na internetu málokdy čteme dlouhé texty. Většinou spíše „skenujeme“ – skáčeme zrakem po stránce, orientujeme se podle nadpisů a hledáme informaci, kvůli které jsme na web přišli. Text zarovnaný do bloku může – opět kvůli nerovnoměrným rozestupům jednotlivých slov – ztěžovat rychlé vnímání informací a uživatele rychleji unavit.
Zarovnání do bloku se také vyhněte, chcete-li, aby váš web byl přístupný – tedy snadno ovladatelný i pro uživatele se znevýhodněním. Z hlediska přístupnosti je zarovnání do bloku problematické zejména pro uživatele s dyslexií nebo zrakovým postižením. Nedoporučuje se ani v WCAG (Web Content Accessibility Guidelines), obecně uznávaném souboru pravidel webové přístupnosti.
Jak na profesionálně zpracovaný text na webu
Jak tedy zajistit, aby text působil profesionálně i na webu?
- Základem je kvalitně napsaný obsah bez gramatických chyb.
- Dbejte na správné typografické znaky – spojovníky, mezery, výpustky, uvozovky apod.
- Moderní weby si poradí i s jednopísmennými předložkami na konci řádku a tzv. „parchanty“ – krátkými větami na začátku či konci sloupce.
Na závěr je důležité, aby se text řídil pravidly pro online design a typografii, která se týkají například mezer mezi řádky, velikosti a řezu písma nebo rozestupů mezi odstavci. To je zodpovědností webdesignéra.
Doufám, že jsem vás přesvědčila, abyste se na internetu zarovnání do bloku vyhnuli. 🙂
Zdroje
- Amber Hinds: Text Alignment: Left, Center, Justified
- Matthew Butterick: Butterick’s Practical Typography, Justified Text
- Mark Root-Wiley: No Justification: Don’t Use Right, Center, and Full Justification on the Web
- Jan Štráfelda: Co je typografie, Co je typografická řeka
- Kamila Válková pro PeckaDesign: Typografický tahák nejen pro grafiky
- Equalize Digital: Text Justified
- Bureau of Internet Accessibility: Why Justified (or Centered) Text is Bad for Accessibility