Co sprawdza ta reguła
Element <meta name="viewport"> nie wyłącza skalowania i powiększania tekstu.
Dlaczego to ważne
WCAG 1.4.4 wymaga, aby tekst można było powiększyć do 200%.
Jak to naprawić
Na dowolnej stronie
- Usuń maximum-scale i user-scalable=no z metatagu viewport.
W Shopify
- W pliku layout/theme.liquid usuń maximum-scale=1 i user-scalable=no z metatagu viewport.
Jak sprawdzić poprawkę
- Powiększ stronę gestem uszczypnięcia na telefonie, aby potwierdzić, że powiększanie działa.
Jak FixReports to wykrywa
Nasz skan uruchamia regułę axe-core meta-viewport w prawdziwej przeglądarce Chrome na każdej testowanej stronie i zgłasza każdy błędny element wraz z podstroną, jego kodem HTML i, tam gdzie ma to zastosowanie, zrzutem ekranu.
Test automatyczny potwierdza, że ten konkretny problem występuje. Nie rozstrzyga, czy reszta strony jest dostępna: niektóre bariery wychodzą na jaw dopiero wtedy, gdy stronę sprawdzi człowiek.