Тест масштабу тексту на сайті
За стандартом WCAG 1.4.4 текст на сайті має збільшуватися до 200% без втрати змісту й функцій — щоб ним могли користуватися люди зі слабким зором. Перевірте на прикладі нижче, як поводиться контент при збільшенні, і що має лишатися читабельним.
Масштаб 100%. Усе вміщається — контент лишається читабельним і робочим.
«Жорстка верстка» — фіксовані розміри в пікселях: текст росте, а контейнер ні, тому вміст обрізається. «Гнучка» — розміри в em/rem і min-height: блок росте разом із текстом. Демо працює у вашому браузері.
Чому це важливо
Люди зі слабким зором збільшують шрифт у браузері. Якщо верстка «жорстка», текст обрізається або накладається — і сайт стає непридатним. Гнучка верстка витримує 200%.
Як перевірити свій сайт
У браузері: Ctrl і «+» кілька разів (до 200%) або Налаштування → Масштаб. Перевірте, чи не зникає/не накладається текст, чи працюють кнопки й меню.
Часті запитання
Критерій 1.4.4: текст масштабується до 200% без втрати змісту й функцій.
Збільшіть масштаб у браузері до 200% і перевірте, чи все читабельне й робоче.
Обрізаний текст недоступний для слабозорих — це порушення доступності.
Перевірте, чи ваш сайт витримує збільшення тексту — і 90+ інших правил
Безкоштовний експрес-аудит покаже порушення WCAG за критичністю з інструкціями для виправлення.
Перевірити сайт