UX / UI Vysoký dopad Snadné 15–30 min

Příliš malé písmo

Základní text alespoň 16px, drobný minimálně 12px.

Co to je

Velikost písma rozhoduje o čitelnosti. Text menší než zhruba 12px je na mobilu obtížně čitelný a nutí uživatele přibližovat nebo mhouřit oči.

Proč to řešit

Špatně čitelný text zvyšuje únavu a míru opuštění a poškozuje přístupnost. Google v testu mobilní použitelnosti hlásí „text je příliš malý". Pohodlné čtení je základ dobrého UX.

Jak na to

1Základní text webu nastavte na 16px (1rem) nebo víc.
2Drobný text (popisky, poznámky) držte minimálně na 12px.
3Velikosti laďte relativně (rem) od základní velikosti, ne pevně po pixelech.
4Otestujte čitelnost na reálném telefonu, ne jen na velkém monitoru.

Základní velikost písma

Správně

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

Závěr

Čitelnost je základ: 16px pro běžný text je dnešní standard, pod 12px nejdete. Pracujte s rem od základní velikosti, ať vše škáluje konzistentně. Levná úprava s velkým dopadem na komfort čtení.

Související témata