Стандарти · WCAG 2.2

SC 1.4.4 Ниво AA WCAG 2.0

Преоразмеряване на текст

Текстът трябва да остане четим и използваем при увеличение до 200%, без загуба на съдържание или функционалност. Субтитрите и изображенията на текст са изключени.

Какво се изисква

Когато потребителят увеличи текста до 200% — чрез мащабиране в браузъра, мащабиране на текст в операционната система или жест за мащабиране — страницата трябва да продължи да работи. Не трябва да има отрязан текст, припокриващи се контейнери, загубена функционалност или необходимост от хоризонтално превъртане при четене. Критерият е по-ранен от 1.4.10 Препренареждане (Reflow), който е по-строг; при изпълнение на Reflow обикновено автоматично се изпълнява и 1.4.4.

Как да се изпълни

  • Използвайте относителни единици (rem, em, %) за размери на шрифта и височини на контейнерите, а не фиксирани пикселни стойности, които не могат да нарастват.
  • Избягвайте фиксирани декларации height на текстови контейнери — използвайте min-height, ако е необходимо.
  • Не задавайте мета тагове viewport, които блокират мащабирането от потребителя (user-scalable=no или maximum-scale=1).
  • Изграждайте гъвкави оформления (flexbox, CSS grid), така че контейнерите да нарастват заедно със съдържанието си.
  • Тествайте при 200% мащабиране в браузъра на типична десктоп разделителна способност; проверете дали заглавия, бутони и полета на формуляри не се припокриват.

Чести грешки

  • <meta name="viewport" content="user-scalable=no">, блокиращ мащабирането на мобилни устройства — отдавна е и грешка по 1.4.4.
  • Бутони с фиксирана пикселна височина, при която надписът се отрязва при 200% мащабиране.
  • Навигационни менюта, излизащи извън контейнера при 200% и ставащи недостъпни.
  • Модални диалози, оразмерени в пиксели, в които съдържанието вече не се побира при мащабиране.
  • Етикети на формуляри, преливащи в областта на следващото поле при нарастване на текста.

Защо има значение

Хората с намалено зрение редовно използват мащабиране 150–200% като ежедневна настройка. Неизпълнението на 1.4.4 означава, че тези потребители или не могат да прочетат страницата, или трябва да превъртат хоризонтално на всеки ред — и в двата случая ще се откажат. Поправката обикновено изисква преминаване от px към rem в дизайн токените — еднократен рефакторинг.