UX / UI Vysoký dopad Ľahké 15–30 min

Príliš malé písmo

Základný text aspoň 16px, drobný minimálne 12px.

Čo to je

Veľkosť písma rozhoduje o čitateľnosti. Text menší než zhruba 12px je na mobile ťažko čitateľný a núti používateľa približovať alebo žmúriť oči.

Prečo to riešiť

Zle čitateľný text zvyšuje únavu a mieru opustenia a poškodzuje prístupnosť. Google v teste mobilnej použiteľnosti hlási „text je príliš malý“. Pohodlné čítanie je základ dobrého UX.

Ako na to

1Základný text webu nastavte na 16px (1rem) alebo viac.
2Drobný text (popisky, poznámky) držte minimálne na 12px.
3Veľkosti laďte relatívne (rem) od základnej veľkosti, nie pevne po pixeloch.
4Otestujte čitateľnosť na reálnom telefóne, nie len na veľkom monitore.

Základná veľkosť písma

Správne

body { font-size: 16px; line-height: 1.6; }
.small { font-size: 0.875rem; } /* 14px */

Záver

Čitateľnosť je základ. 16px pre bežný text je dnešný štandard, pod 12px nejdite. Pracujte s rem od základnej veľkosti, aby všetko škálovalo konzistentne. Lacná úprava s veľkým dopadom na komfort čítania.

Súvisiace témy