1.4.4 Zmiana rozmiaru tekstu - poziom AA

Oprócz napisów rozszerzonych oraz obrazów tekstu, rozmiar tekstu może zostać powiększony do 200% bez użycia technologii wspomagających oraz bez utraty treści lub funkcjonalności.

O co tu chodzi?

To kryterium sprawdza, czy użytkownik może po prostu powiększyć tekst w przeglądarce i dalej normalnie korzystać ze strony. Nie chodzi o ładny wygląd po powiększeniu, tylko o to, żeby po zwiększeniu rozmiaru tekstu nic nie znikało, nie nachodziło na siebie i nie przestawało działać.

Co to znaczy w praktyce?

Użytkownik powiększa tekst do 200% (czyli 2×) i nadal:

• widzi całą treść (nic się nie ucina),
• może kliknąć przyciski i linki,
• może wypełnić formularz,
• nie traci dostępu do komunikatów, menu, filtrów, koszyka itd.

Najczęstsze sposoby, w jakie strony „psują” 1.4.4

Najczęściej problem nie jest w samym tekście, tylko w tym, że layout nie wytrzymuje powiększenia. Typowe wpadki:

1. Tekst się ucina, bo kontener ma stałą wysokość i np. ustawione ukrywanie nadmiaru treści. W efekcie po powiększeniu nie widzisz końcówki akapitu albo przycisku.
2. Elementy nachodzą na siebie, bo układ jest „na sztywno” i nie ma miejsca na większe litery.
3. Etykiety pól formularza „wypycha” poza widok, albo zasłania je inny element, więc nie wiadomo, co wpisać.

Uwaga na grafikę z tekstem - to podwójna pułapka: obrazy tekstu są wyłączone z 1.4.4, ale to nie znaczy, że to dobre rozwiązanie. WCAG osobno adresuje temat obrazów tekstu.

Jak to szybko sprawdzić

Weź stronę w zwykłej przeglądarce i zwiększ rozmiar do 200%. Kryterium mówi wprost o powiększeniu bez użycia technologii wspomagających i bez utraty treści lub funkcjonalności, więc test jest naprawdę prosty: po powiększeniu musisz być w stanie zrobić te same rzeczy, co wcześniej.

Pełny tekst kryterium 1.4.4 Zmiana rozmiaru tekstu

Źródło: https://www.w3.org/Translations/WCAG21-pl/#zmiana-rozmiaru-tekstu 

Chcesz wiedzieć więcej?

• 1.1.1 Treść nietekstowa - poziom A
• 1.2.1 Tylko audio lub tylko wideo (nagranie) - poziom A
• 1.2.2 Napisy rozszerzone (nagranie) - poziom A
• 1.2.3 Audiodeskrypcja lub alternatywa tekstowa dla mediów (nagranie) - Poziom A
• 1.2.4 Napisy rozszerzone (na żywo) - poziom AA
• 1.2.5 Audiodeskrypcja (nagranie) - poziom AA
• 1.2.6 Język migowy (nagranie) - poziom AAA
• 1.2.7 Rozszerzona audiodeskrypcja (nagranie) - poziom AAA
• 1.2.8 Alternatywa dla mediów (nagranie) - poziom AAA
• 1.2.9 Tylko audio (na żywo) - poziom AAA
• 1.3.1 Informacje i relacje - poziom A
• 1.3.2 Zrozumiała kolejność - poziom A
• 1.3.3 Właściwości zmysłowe - poziom A
• 1.3.4 Orientacja - poziom AA
• 1.3.5 Określenie pożądanej wartości - poziom AA
• 1.3.6 Określenie przeznaczenia - poziom AAA
• 1.4.1 Użycie koloru - poziom A
• 1.4.2 Kontrola odtwarzania dźwięku - poziom A
• 1.4.3 Kontrast (minimalny) - poziom AA
• 1.4.4 Zmiana rozmiaru tekstu - poziom AA
• 1.4.5 Obrazy tekstu - poziom AA
• 1.4.6 Kontrast (wzmocniony) - poziom AAA
• 1.4.7 Niska głośność lub bez dźwięków w tle - poziom AAA
• 1.4.8 Prezentacja wizualna - poziom AAA
• 1.4.9 Obrazy tekstu (bez wyjątków) - poziom AAA
• 1.4.10 Dopasowanie do ekranu - poziom AA
• 1.4.11 Kontrast elementów nietekstowych - poziom AA
• 1.4.12 Odstępy w tekście - poziom AA
• 1.4.13 Treść spod kursora lub fokusu - poziom AA