Doporučený postup Priorita: Drobné
Přiblížení na mobilu je výrazně omezené
Stránka dovoluje přiblížení na telefonu, ale zastaví návštěvníka dřív, než ji zvětší pětkrát. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.
Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.
Proč na tom záleží vašim zákazníkům
Většina zákazníků si toho nevšimne. Lidé s velmi slabým zrakem, kteří potřebují silné zvětšení, narazí na limit a ani při přibližování nepřečtou drobné písmo, jako jsou velikosti, složení nebo dodací podmínky.
Koho se to týká
- lidé s velmi slabým zrakem
- starší zákazníci
- zákazníci na mobilu, kteří čtou drobné písmo
Jak to opravit
V <meta name="viewport"> odstraňte maximum-scale nebo ho nastavte na 5 či více a nepoužívejte user-scalable=no. Bezpečná hodnota je width=device-width, initial-scale=1. Poté přibližte stránky produktu, košíku a pokladny a ověřte, že se nic nepřekrývá.
V Shopify
Obvykle je nastaveno v <head> souboru layout/theme.liquid, někdy ho mění aplikace. Upravte tam meta tag viewport a odstraňte maximum-scale.
V Shoptet (CZ)
Obvykle je nastaveno šablonou. Nahlaste to Shoptetu nebo partnerovi, protože sekce head je součástí šablony.
V PrestaShop
Obvykle je nastaveno v šabloně head motivu (.tpl). Upravte meta tag viewport tam nebo v podřízeném motivu.
V WooCommerce
Obvykle je nastaveno v header.php šablony nebo přidáno pluginem (často to dělají mobilní nebo AMP pluginy). Opravte to v záhlaví podřízené šablony (child theme) nebo v nastavení pluginu.
Normy
Nejde o kritérium WCAG, ale o doporučený postup, který usnadní používání webu.
Automatická kontrola: pravidlo axe-core meta-viewport-large.
dequeuniversity.com, github.com