Помилка підключення. Спробуйте ще раз.

Перейти до вмісту
SEO Tools
Довідка та документація
UX / UI Високий вплив Просте 2 хв

Заблоковане масштабування сторінки

Ніколи не забороняйте користувачу наближення сторінки.

Що це

Деякі сайти в meta viewport забороняють наближення через user-scalable=no або maximum-scale=1. Користувач тоді не може «розтягнути» сторінку пальцями.

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

Заборона масштабування — серйозна проблема доступності — людям зі зниженим зором потрібно наближати контент. Це порушення WCAG і на мобільних напряму шкодить зручності використання. Жодної реальної переваги це не приносить.

Як це зробити

  1. 1З meta-тега viewport видаліть user-scalable=no та maximum-scale.
  2. 2Залиште лише "width=device-width, initial-scale=1".
  3. 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-перемог.

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