Salt la conținut
Pandus
ro Schimbați limba
Meniu

Cerință WCAG A/AA Prioritate: Grav

Vizitatorii nu pot mări pagina pe mobil

Pagina le cere browserelor de pe mobil să blocheze sau să limiteze mărirea cu două degete (pinch-to-zoom).

Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.

De ce contează pentru clienții tăi

Persoanele care au nevoie de text mai mare nu pot mări prețurile, detaliile produselor sau câmpurile formularelor pe telefon. Unele pleacă, altele greșesc la finalizarea comenzii.

Pe cine afectează

  • persoanele cu vedere slabă
  • clienții mai în vârstă
  • cumpărătorii de pe mobil

Cum se remediază

În <meta name="viewport"> eliminați user-scalable=no și nu setați maximum-scale sub 2 (ideal, nu îl setați deloc). O valoare tipică este width=device-width, initial-scale=1. Apoi corectați orice element de layout care se strică la mărire.

În Shopify

De obicei, setat în fișierul Liquid principal de layout al temei sau adăugat de o aplicație. Modificați eticheta meta viewport în fișierul de layout.

În Shoptet (CZ)

De obicei, setat de șablon. Raportați problema echipei Shoptet sau unui partener Shoptet, deoarece secțiunea head face parte din șablon.

În PrestaShop

De obicei, setat în șablonul head al temei. Modificați eticheta meta viewport în fișierul .tpl de layout al temei.

În WooCommerce

De obicei, setat în șablonul header al temei sau adăugat de un plugin (adesea pentru un comportament de tip aplicație). Corectați în header-ul temei copil sau în setările pluginului.

Standarde

Standarde
StandardPunct
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

Verificare automată: regula axe-core meta-viewport. dequeuniversity.com, github.com, www.w3.org

Verificări similare

Toate regulile pe care le verificăm