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

SC 1.4.12 Ниво AA WCAG 2.1

Разредка на текста

Когато потребителите променят разредката на текста — 1,5× межуредие, 2× разстояние между абзаци спрямо размера на шрифта, 0,12em межубуквие, 0,16em межудумие — страницата не трябва да губи съдържание или функционалност.

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

Потребители с дислексия, слабо зрение или когнитивни увреждания често инсталират разширения за браузъра или потребителски таблици со стилове, за да разредят стеснената типография. Критерият за успех дефинира четири конкретни промени — межуредие 1,5 пъти размера на шрифта, разстояние между абзаци 2 пъти размера на шрифта, межубуквие 0,12em, межудумие 0,16em — и изисква страницата да продължи да работи при тяхното прилагане. Без отрязан текст, без препълване, без изчезнало съдържание.

Как да се постигне съответствие

  • Задавайте височините на контейнерите с min-height вместо с фиксирана height, така че да се разширяват при нарастване на текста.
  • Избягвайте фиксирани стойности в пиксели за височината на бутони, навигационни елементи, карти и значки — оставете ги да нарастват заедно с съдържанието.
  • Тествайте чрез поставяне на известен bookmarklet (bookmarklet за разредка на текста по WCAG 1.4.12), който едновременно прилага четирите промени.
  • Позволявайте на текста да се пренася естествено; не използвайте white-space: nowrap за надписи, чийто размер може да нарасне.
  • Проверявайте дали навигационните менюта, разделите и техните надписи все още се побират при разширено межубуквие.

Чести грешки

  • Бутони с height: 40px, при които надписът се изрязва, когато межуредието нарасне до 1,5.
  • Надписи на разделите с white-space: nowrap, препълващи контейнера при по-широко межубуквие.
  • Карти с фиксирана височина, при която текстът се скрива зад ефект на „прочети повече”.
  • Подсказки и значки, при които текстът се изрязва при нарастване на разстоянието между абзаци.
  • Фиксирани заглавия, чиято фиксирана височина припокрива страницата, когато навигационният текст нарасне.

Защо е важно

Този критерий за успех засяга оформления, „проектирани за единствен набор от стойности на разредка”, при които дизайнерът е заключил всичко в перфектно межуредие от Figma. Реалните потребители на инструменти за подпомагане на четенето постоянно прилагат промени в разредката. Поправката обикновено се свежда до замяна на height с min-height и премахване на white-space: nowrap — малки, механични промени, които подобряват целия потребителски интерфейс.