Co mówi norma
Poza napisami rozszerzonymi i obrazami tekstu, rozmiar tekstu może zostać powiększony do 200% bez użycia technologii wspomagających oraz bez utraty treści lub funkcjonalności.
Dlaczego to ma znaczenie
Powiększenie to najczęstsze udogodnienie, jakie istnieje — i to, które większość projektów po cichu psuje.
Jak wygląda błąd
- błądKontenery o stałej wysokości, które przycinają tekst, gdy ten urośnie.
- błąd`user-scalable=no` w metatagu viewport.
- błądRozmiary czcionek w `px` w układzie, który nigdy się nie przelewa.
Jak to naprawić
- róbUsuń `user-scalable=no` i `maximum-scale`.
- róbPozwól kontenerom rosnąć: `min-height` zamiast `height` i żadnego `overflow: hidden` na tekście.
- róbTestuj przy 200% powiększenia przeglądarki, co nie jest tym samym co wąskie okno.
Jak sprawdza to A11ySignal
Przy każdym skanowaniu względem tego kryterium uruchamia się 1 automatyczne sprawdzenie.
krytycznymeta-viewportPowiększanie i skalowanie nie może być wyłączone.
Także pod 1.4 Rozróżnialność
- 1.4.1 Użycie koloru
- 1.4.2 Kontrola odtwarzania dźwięku
- 1.4.3 Kontrast (minimum)
- 1.4.5 Obrazy tekstu
- 1.4.6 Kontrast (wzmocniony)
- 1.4.7 Cichy lub całkowicie wyciszony dźwięk w tle
- 1.4.8 Prezentacja wizualna
- 1.4.9 Obrazy tekstu (bez wyjątków)
- 1.4.10 Dopasowanie do ekranu
- 1.4.11 Kontrast elementów nietekstowych
- 1.4.12 Odstępy w tekście
- 1.4.13 Treść spod kursora lub fokusu