Довідка та документація
UX / UI Високий вплив Просте 2 хв
Заблоковане масштабування сторінки
Ніколи не забороняйте користувачу наближення сторінки.
Що це
Деякі сайти в meta viewport забороняють наближення через user-scalable=no або maximum-scale=1. Користувач тоді не може «розтягнути» сторінку пальцями.
Чому це важливо
Заборона масштабування, серйозна проблема доступності, людям зі зниженим зором потрібно наближати контент. Це порушення WCAG і на мобільних напряму шкодить зручності використання. Жодної реальної переваги це не приносить.
Як це зробити
- 1З meta-тега viewport видаліть user-scalable=no та maximum-scale.
- 2Залиште лише "width=device-width, initial-scale=1".
- 3Якщо масштабування «ламало» макет, вирішіть це адаптивним CSS, а не забороною масштабування.
Приклад
Погано
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">Правильно
<meta name="viewport" content="width=device-width, initial-scale=1">Висновок
Масштабування ніколи не забороняйте, це двохвилинна правка з прямим впливом на доступність. Приберіть user-scalable=no та maximum-scale і дозвольте користувачам наближати. Це належить до швидких і важливих UX-перемог.
Повʼязані теми