Zasada 1: Postrzegalność 1.4 Rozróżnialność

1.4.4 Zmiana rozmiaru tekstu

WCAG 1.4.4 Resize Text

W skrócie

Tekst można powiększyć do 200% (np. zoomem przeglądarki) bez utraty treści i funkcji – nic nie może się uciąć ani nałożyć.

Poziom: AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
Czy to obowiązkowe?: Wymagane prawem
Kto w zespole odpowiada: Programowanie, Projektowanie UX/UI
Jak to wykryć: Tylko test ręczny

Wyjaśnienie prostym językiem: Powiększanie tekstu

Komu i dlaczego to pomaga

Osoby słabowidzące i starsze powiększają tekst na co dzień. Jeśli strona się wtedy „rozsypuje”, nie mogą z niej korzystać.

Osoby słabowidzące
Seniorzy

Jak zrobić to dobrze

Używaj jednostek względnych (rem, em) dla czcionek i unikaj stałych wysokości kontenerów.
Nie blokuj skalowania w znaczniku meta viewport.

Najczęstsze błędy

Kontenery o sztywnej wysokości, z których wylewa się lub ucina tekst.
Blokada zoomu na telefonie (user-scalable=no, maximum-scale=1).
Tekst w obrazkach, który przy powiększeniu się rozmywa.

Przykład w kodzie

Źle

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

Dobrze

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

Jak to sprawdzić

Ustaw zoom przeglądarki na 200% (Ctrl +) i przejdź po stronie – czy wszystko jest czytelne i klikalne?
Sprawdź, czy na telefonie da się powiększyć stronę gestem.

Tylko test ręczny. Automat tego nie sprawdzi – potrzebny jest test ręczny lub audyt ekspercki.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu AA z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Powiązane kryteria

1.4.10

Dopasowanie do ekranu

AA Wymagane prawem

Treść musi się dopasować do szerokości 320 px (odpowiednik zoomu 400% na ekranie 1280 px) bez przewijania w dwóch kierunkach – wyjątki to np. mapy, tabele danych i edytory.

1.4.12

Odstępy w tekście