UX / UI Wysoki wpływ Łatwe 15–30 min

Zbyt mała czcionka

Tekst podstawowy co najmniej 16px, drobny minimalnie 12px.

Co to jest

Wielkość czcionki decyduje o czytelności. Tekst mniejszy niż około 12px jest na telefonie trudny do odczytania i zmusza użytkownika do przybliżania lub mrużenia oczu.

Dlaczego warto to rozwiązać

Słabo czytelny tekst zwiększa zmęczenie i współczynnik odrzuceń oraz szkodzi dostępności. Google w teście użyteczności mobilnej zgłasza „tekst jest zbyt mały”. Wygodne czytanie to podstawa dobrego UX.

Jak to zrobić

1Tekst podstawowy witryny ustaw na 16px (1rem) lub więcej.
2Drobny tekst (podpisy, przypisy) trzymaj minimalnie na 12px.
3Wielkości dostrajaj względnie (rem) od wielkości podstawowej, a nie sztywno po pikselach.
4Przetestuj czytelność na prawdziwym telefonie, a nie tylko na dużym monitorze.

Podstawowa wielkość czcionki

Dobrze

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

Podsumowanie

Czytelność to podstawa, 16px dla zwykłego tekstu to dzisiejszy standard, poniżej 12px nie schodź. Pracuj z rem od wielkości podstawowej, aby wszystko skalowało się spójnie. Tania zmiana o dużym wpływie na komfort czytania.

Powiązane tematy