Powiększanie i skalowanie nie może być wyłączone. — sprawdzenie „meta-viewport”

Kryterium, które za tym stoi

1.4.4 Zmiana rozmiaru tekstu

Tekst musi przetrwać powiększenie do 200% bez utraty treści i funkcji.

Poziom AA · EN 301 549 § 9.1.4.4

Po co jest to sprawdzenie

Powiększenie to najczęstsze udogodnienie, jakie istnieje — i to, które większość projektów po cichu psuje.

Co zwykle je wywołuje

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 to jest raportowane

A11ySignal zgłasza to z wagą krytyczny. Każdy błędny element ma swój selektor CSS i kod, który zawiódł, więc trafisz prosto do właściwej linii, zamiast jej szukać. Deque publikuje szczegóły na poziomie silnika:

https://dequeuniversity.com/rules/axe/4.13/meta-viewport ↗