Налаштування viewport обмежують масштабування

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

Правило Deque для тега viewport, на яке посилається аудит доступності Lighthouse, каже, що масштабування не можна вимикати, бо це проблема для людей зі слабким зором, які покладаються на екранні лупи, і пов’язує це з критерієм успішності WCAG щодо зміни розміру тексту. Lighthouse враховує цю перевірку у своїй оцінці доступності.

Що зробити

Перегляньте знахідку: у ній показано тег viewport і налаштування, що обмежує масштабування.
Приберіть user-scalable=no і maximum-scale та залиште width=device-width, initial-scale=1.
Якщо якась частина сторінки не має масштабуватися, наприклад карта, розв’яжіть це в самому цьому елементі, а не для всієї сторінки.

Що ми читаємо

Ми читаємо декларації <meta name="viewport"> у повністю захопленому <head> кожної просканованої сторінки з кодом 200 і типом text/html, у тому вигляді, в якому її віддав сервер. Сторінка фіксується, коли її єдиний тег viewport має user-scalable=no чи user-scalable=0 або maximum-scale, нижчий за 5, як-от 1 чи 4,9. Межа 5 фіксована, і сторінки з noindex теж перевіряються.

Сторінку без тега viewport залишено іншій перевірці. Сторінка позначається як неперевірена, коли її head містить <noscript> чи елемент, якому місце в body, вона має більше ніж один тег viewport або значення неясне, як-от maximum-scale=large чи user-scalable або maximum-scale, записані двічі.

Приклад і докази

Ілюстративний приклад — один тег viewport, а не реальний аудит.

https://bakery.example/ містить:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

Можливе виправлення: той самий тег без цих двох налаштувань.

Підтвердити й перевірити знову

Перевірте самі: відкрийте сторінку на телефоні й спробуйте збільшити її двома пальцями або перегляньте вихідний код і прочитайте тег viewport.

Повторна перевірка: Повний аудит — Запустіть новий аудит сайту. Знахідка закривається, коли достатня перевірка тієї самої сторінки знаходить один однозначний тег viewport без обмеження масштабування. Видалення тега viewport робить цю перевірку незастосовною й може спричинити знахідку про відсутній viewport; саме по собі воно не підтверджує виправлення. Переспрямування, відповідь не у форматі HTML, пряма відповідь 404 чи 410, неповний head або кілька тегів viewport також самі собою не підтверджують виправлення.

Обмеження та джерела

Перевірка читає налаштування, а не те, як поводяться браузери, а деякі з них однаково дозволяють відвідувачам масштабувати. Межа 5 відповідає формулюванню аудиту Lighthouse, тоді як правило axe, яке запускає Lighthouse, не проходять лише значення нижчі за 2, тож значення від 2 до менш ніж 5 тут фіксується, а Lighthouse може його пропустити.

Упевненість: Висока, бо налаштування зчитується безпосередньо з тега.

Джерела

Deque University, Масштабування не можна вимикати — каже, що вимкнення масштабування або його обмеження через maximum-scale — це проблема для людей зі слабким зором, які покладаються на екранні лупи, і просить, щоб maximum-scale був не меншим за 2. Перевірено 29 вересня 2026.
Chrome for Developers, Оцінка доступності Lighthouse — називає серед аудитів доступності Lighthouse аудит того, що user-scalable="no" не використовується, а maximum-scale не менший за 5. Перевірено 29 вересня 2026.

Редакційна перевірка: 1 листопада 2026

Сторінка не має тега viewport — сторінка не має тега viewport.
Сторінка вбудовує застарілий контент для плагінів — сторінка вбудовує застарілий контент для плагінів.