Kryterium 1.4.4 – Zmiana rozmiaru tekstu to wymóg WCAG 2.1 na poziomie AA, który dotyczy możliwości powiększania tekstu na stronie internetowej bez utraty czytelności i funkcjonalności. To niezwykle ważne dla osób słabowidzących, starszych lub tych, które potrzebują większego tekstu do wygodnego przeglądania treści.
W tym artykule pokażemy, jak w prosty sposób sprawdzić, czy strona spełnia to kryterium — bez potrzeby zaglądania do kodu.
Co oznacza „zmiana rozmiaru tekstu”?
Chodzi o to, by użytkownik mógł powiększyć tekst do 200% bez konieczności korzystania z dodatkowych narzędzi (np. czytników ekranu), a mimo to wszystkie funkcje strony były nadal dostępne, a tekst nie wychodził poza ekran, nie nachodził na inne elementy i nie znikał.
Jeśli po powiększeniu tekstu:
-
trzeba przewijać stronę w poziomie, by przeczytać akapit,
-
tekst zachodzi na inne elementy lub zostaje ucięty,
-
elementy stają się nieczytelne lub nieklikalne,
to strona nie spełnia tego kryterium.
Jak sprawdzić zgodność z kryterium 1.4.4 bez wiedzy technicznej?
1. Powiększenie tekstu za pomocą przeglądarki
Co zrobić?
Otwórz stronę w przeglądarce i zwiększ rozmiar tekstu do 200%:
-
Windows: naciśnij
Ctrl++(kilka razy), -
Mac: naciśnij
Cmd++, -
Możesz też użyć menu: Widok > Powiększenie > Powiększ.
Na co zwrócić uwagę?
-
Czy wszystkie treści nadal mieszczą się na ekranie?
-
Czy tekst jest czytelny i nie nakłada się na inne elementy?
-
Czy formularze, przyciski i menu są nadal funkcjonalne?
Przykład błędu:
Po powiększeniu tekst „Regulamin” nachodzi na przycisk „Wyślij”, co uniemożliwia jego kliknięcie – użytkownik z większym rozmiarem czcionki nie może zrealizować zadania.
2. Sprawdzenie menu, formularzy i interaktywnych elementów
Co zrobić?
Po powiększeniu tekstu sprawdź kluczowe elementy interaktywne, takie jak:
-
menu główne,
-
formularze (np. kontaktowe),
-
koszyk zakupowy,
-
przyciski nawigacyjne.
Na co zwrócić uwagę?
-
Czy elementy się nie rozsypują?
-
Czy można z nich dalej korzystać (np. kliknąć, zaznaczyć pole)?
-
Czy coś nie znika lub nie wychodzi poza ekran?
Przykład błędu:
Formularz kontaktowy po powiększeniu nie mieści się na ekranie telefonu — przycisk „Wyślij” jest niewidoczny i nieosiągalny.
Co jest dozwolone?
Nie wszystkie elementy muszą się powiększać w identyczny sposób, ale kluczowe informacje tekstowe muszą być nadal dostępne i czytelne. Grafiki, ikony czy ozdobniki nie muszą zmieniać rozmiaru, ale tekst – tak.
Podsumowanie
Kryterium 1.4.4 – Zmiana rozmiaru tekstu to prosty, ale bardzo ważny aspekt dostępności. Zapewnia użytkownikom możliwość powiększenia treści bez utraty funkcjonalności strony.
Dobre praktyki:
-
Projektuj strony tak, by mieściły się na ekranie nawet przy 200% powiększeniu.
-
Unikaj sztywnego rozmieszczania elementów (np. na sztywno określonych w pikselach).
-
Testuj powiększenie na komputerze i telefonie – różne urządzenia mogą reagować inaczej.
-
Upewnij się, że żaden tekst nie wychodzi poza ekran ani nie zasłania innych treści.
Dzięki spełnieniu tego kryterium strona będzie przyjaźniejsza dla osób z problemami wzroku, a także wygodniejsza dla każdego użytkownika – bo czytelność to podstawa dobrej komunikacji.