Zalecana praktyka Priorytet: Drobne
Powiększanie na urządzeniach mobilnych jest mocno ograniczone
Strona pozwala powiększać widok na telefonie, ale zatrzymuje odwiedzającego, zanim powiększy go pięciokrotnie. To zalecana praktyka wykraczająca poza poziom WCAG 2.2 AA, na którym opiera się prawo.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Większość klientów tego nie zauważy. Osoby z bardzo słabym wzrokiem, które potrzebują dużego powiększenia, trafiają na limit i mimo powiększania nie mogą przeczytać drobnego tekstu, takiego jak rozmiary, skład czy warunki dostawy.
Kogo to dotyczy
- osoby z bardzo słabym wzrokiem
- starsi klienci
- klienci na smartfonach czytający drobny druk
Jak to naprawić
W <meta name="viewport"> usuń maximum-scale lub ustaw je na 5 lub więcej i nie używaj user-scalable=no. Bezpieczna wartość to width=device-width, initial-scale=1. Następnie powiększ strony produktu, koszyka i kasy i sprawdź, czy nic na siebie nie nachodzi.
W Shopify
Zwykle ustawione w <head> pliku layout/theme.liquid, czasem zmieniane przez aplikację. Edytuj tam meta tag viewport i usuń maximum-scale.
W Shoptet (CZ)
Zwykle ustawione przez szablon. Zgłoś to Shoptet lub partnerowi, ponieważ sekcja head jest częścią szablonu.
W PrestaShop
Zwykle ustawione w szablonie head motywu (.tpl). Edytuj tam meta tag viewport lub w motywie potomnym.
W WooCommerce
Zwykle ustawione w header.php motywu lub dodane przez wtyczkę (często robią to wtyczki mobilne lub AMP). Popraw to w nagłówku motywu potomnego lub w ustawieniach wtyczki.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core meta-viewport-large.
dequeuniversity.com, github.com