Fix meta-viewport axe errors
The viewport configuration disables or restricts zoom, preventing some low-vision users from enlarging page content.
Кого затрагивает
Low-vision users, mobile users, and anyone who enlarges text or page content.
Связь с WCAG
1.4.4 Resize Text (AA)
Обнаружение
wcagc reports viewport directives that disable user scaling or cap maximum scale below axe-core's accepted threshold.
Почему возникает эта ошибка
- A copied mobile template includes user-scalable=no.
- maximum-scale is capped to prevent a layout from breaking.
- A framework or embedded widget overwrites the intended viewport declaration.
Проблемная разметка
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">Исправленный код
<meta name="viewport" content="width=device-width, initial-scale=1">Проверьте исправление вручную
On mobile and desktop, zoom to at least 200% and verify that controls remain reachable, text remains readable and content does not require two-dimensional scrolling for ordinary reading.
Границы автоматизации
Removing a zoom restriction does not prove that the responsive layout reflows correctly or that enlarged controls remain usable.
Источники и стандарты
Метаданные правила и ссылка Deque генерируются из axe-core 4.12.1. Ссылка W3C ведёт на нормативное руководство WCAG для соответствующего критерия.
Вопросы разработчиков
Should I disable zoom to preserve the layout?
No. Users must be able to enlarge content. Fix the responsive layout rather than restricting browser zoom.
Does a responsive layout automatically pass?
No. Test zoom, text resizing, orientation and reflow with real content and interactive states.
Одно нарушение редко встречается в одиночку
Запустите проверку страницы в wcagc, чтобы найти это правило, связанные проблемы WCAG, затронутые селекторы и пункты, требующие ручной оценки.
Проверить страницу