UX / UI Високий вплив Просте 15–30 хв

Надто дрібний шрифт

Основний текст щонайменше 16px, дрібний, мінімум 12px.

Що це

Розмір шрифту визначає читабельність. Текст менший за приблизно 12px на мобільному важко читати, і він змушує користувача наближати чи мружитися.

Чому це важливо

Погано читабельний текст підвищує втому й показник відмов та шкодить доступності. Google у тесті мобільної зручності повідомляє «текст надто дрібний». Зручне читання, основа хорошого UX.

Як це зробити

1Основний текст сайту встановіть на 16px (1rem) або більше.
2Дрібний текст (підписи, примітки) тримайте мінімум на 12px.
3Розміри налаштовуйте відносно (rem) від базового розміру, а не жорстко по пікселях.
4Протестуйте читабельність на реальному телефоні, а не лише на великому моніторі.

Базовий розмір шрифту

Правильно

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

Висновок

Читабельність, основа, 16px для звичайного тексту є сьогоднішнім стандартом, нижче за 12px не опускайтеся. Працюйте з rem від базового розміру, щоб усе масштабувалося послідовно. Дешева правка з великим впливом на комфорт читання.

Повʼязані теми