Practică recomandată Prioritate: Minor
Mărirea pe mobil este puternic limitată
Pagina permite mărirea pe telefon, dar oprește vizitatorul înainte să o poată mări de cinci ori. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Majoritatea clienților nu vor observa. Persoanele cu vedere foarte slabă, care au nevoie de mărire puternică, ating limita și tot nu pot citi textul mărunt, cum ar fi mărimile, ingredientele sau condițiile de livrare, deși încearcă să mărească pagina.
Pe cine afectează
- persoane cu vedere foarte slabă
- clienți în vârstă
- cumpărători pe mobil care citesc textul mărunt
Cum se remediază
În <meta name="viewport"> eliminați maximum-scale sau setați-l la 5 sau mai mult și nu folosiți user-scalable=no. O valoare sigură este width=device-width, initial-scale=1. Apoi măriți paginile de produs, coș și finalizare comandă și verificați că nimic nu se suprapune.
În Shopify
De obicei, este setat în <head> din layout/theme.liquid, uneori modificat de o aplicație. Editați acolo meta tag-ul viewport și eliminați maximum-scale.
În Shoptet (CZ)
De obicei, este setat de șablon. Semnalați problema către Shoptet sau un partener, deoarece secțiunea head face parte din șablon.
În PrestaShop
De obicei, este setat în șablonul head al temei (.tpl). Editați meta tag-ul viewport acolo sau într-o temă copil.
În WooCommerce
De obicei, este setat în header.php al temei sau adăugat de un plugin (pluginurile pentru mobil sau AMP fac adesea asta). Corectați în antetul temei copil sau în setările pluginului.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core meta-viewport-large.
dequeuniversity.com, github.com