Przejdź do treści
Pandus
pl Zmień język
Menu

Wymaganie WCAG A/AA Priorytet: Poważne

Na telefonie nie można powiększyć strony

Strona nakazuje przeglądarkom mobilnym blokować lub ograniczać powiększanie gestem.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Osoby, które potrzebują większego tekstu, nie mogą powiększyć cen, opisów produktów ani pól formularza na telefonie. Część z nich opuszcza sklep, inni popełniają błędy przy składaniu zamówienia.

Kogo to dotyczy

  • osoby słabowidzące
  • starsi klienci
  • osoby robiące zakupy na telefonie

Jak to naprawić

W <meta name="viewport"> usuń user-scalable=no i nie ustawiaj maximum-scale poniżej 2 (najlepiej nie ustawiaj go wcale). Typowa wartość to width=device-width, initial-scale=1. Następnie popraw elementy układu, które psują się przy powiększeniu.

W Shopify

Zwykle ustawione w głównym pliku layoutu Liquid motywu lub dodane przez aplikację. Popraw znacznik meta viewport w pliku layoutu.

W Shoptet (CZ)

Zwykle ustawione przez szablon. Zgłoś problem do Shoptet lub partnera Shoptet, ponieważ sekcja head jest częścią szablonu.

W PrestaShop

Zwykle ustawione w szablonie head motywu. Popraw znacznik meta viewport w pliku layoutu .tpl motywu.

W WooCommerce

Zwykle ustawione w szablonie nagłówka motywu lub dodane przez wtyczkę (często dla efektu „jak w aplikacji”). Popraw to w nagłówku motywu potomnego lub ustawieniach wtyczki.

Normy

Normy
NormaPunkt
WCAG 2.2 1.4.4 (AA) Resize Text
WCAG 2.1 1.4.4 (AA) Resize Text
WCAG 2.0 1.4.4 (AA) Resize Text
EN 301 549 4.1.1 9.1.4.4
EN 301 549 3.2.1 9.1.4.4
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.4.4

Automatyczny test: reguła axe-core meta-viewport. dequeuniversity.com, github.com, www.w3.org

Podobne testy

Wszystkie reguły, które sprawdzamy