Přejít na obsah
Pandus
cs Změnit jazyk
Menu

Požadavek WCAG A/AA Priorita: Závažné

Návštěvníci si nemohou stránku na mobilu přiblížit

Stránka mobilním prohlížečům zakazuje nebo omezuje přiblížení prsty.

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

Lidé, kteří potřebují větší text, si na telefonu nezvětší ceny, detaily produktu ani pole formuláře. Někteří odejdou, jiní udělají v pokladně chybu.

Koho se to týká

  • lidé se slabozrakostí
  • starší zákazníci
  • zákazníci nakupující na mobilu

Jak to opravit

V <meta name="viewport"> odstraňte user-scalable=no a nenastavujte maximum-scale pod 2 (nejlépe ho nenastavujte vůbec). Typická hodnota je width=device-width, initial-scale=1. Poté opravte rozvržení, které se při přiblížení rozpadá.

V Shopify

Obvykle je nastaveno v hlavním souboru layoutu v Liquid, případně ho přidává aplikace. Upravte meta značku viewport v souboru layoutu.

V Shoptet (CZ)

Obvykle ho nastavuje šablona. Sekce head je součástí šablony, proto to nahlaste podpoře Shoptet nebo partnerovi.

V PrestaShop

Obvykle je nastaveno v šabloně hlavičky motivu. Upravte meta značku viewport v souboru layoutu .tpl motivu.

V WooCommerce

Obvykle je nastaveno v šabloně hlavičky nebo ho přidává plugin (často kvůli chování podobnému aplikaci). Opravte to v hlavičce podřízené šablony (child theme) nebo v nastavení pluginu.

Normy

Normy
NormaBod
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

Automatická kontrola: pravidlo axe-core meta-viewport. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme