Cerință WCAG A/AA Prioritate: Moderat
Butoanele și linkurile sunt prea mici pentru a fi atinse ușor
Unele butoane sau linkuri sunt mai mici de 24 pe 24 de pixeli și prea apropiate de elementele vecine.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Cumpărătorii de pe telefon și persoanele cu tremor sau cu control limitat al mâinii ating din greșeală butonul de culoare, mărime sau cantitate nedorit. Rezultatul: comenzi greșite și frustrare.
Pe cine afectează
- cumpărătorii de pe mobil
- persoanele cu dizabilități motorii
- clienții mai în vârstă
- persoanele care folosesc o singură mână
Cum se remediază
Faceți țintele interactive de cel puțin 24×24 pixeli CSS sau lăsați suficient spațiu încât un cerc de 24px centrat pe fiecare țintă mică să nu atingă altă țintă. Verificați mostrele de culoare (swatches), butoanele de cantitate, pictogramele de închidere și paginarea. Linkurile din interiorul frazelor sunt exceptate.
În Shopify
De obicei, mostrele de variante, butoanele de cantitate sau pictogramele din temă. Măriți dimensiunile sau padding-ul în CSS-ul temei; verificați și widgeturile aplicațiilor.
În Shoptet (CZ)
De obicei, mostrele sau pictogramele din șablon. Măriți dimensiunea sau padding-ul prin cod CSS personalizat.
În PrestaShop
De obicei, mostrele de atribute, butoanele de cantitate sau pictogramele din temă. Măriți dimensiunea sau padding-ul în CSS-ul personalizat al temei.
În WooCommerce
De obicei, mostrele de variații, câmpurile de cantitate sau pictogramele din temă ori din pluginuri. Măriți dimensiunea sau padding-ul în CSS-ul temei copil.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 2.5.8 (AA) Target Size (Minimum) |
| EN 301 549 4.1.1 | 9.2.5.8 |
Verificare automată: regula axe-core target-size.
dequeuniversity.com, github.com, www.w3.org, www.etsi.org
Verificări similare
-
Unele titluri sunt doar text îngroșat sau mare
WCAG 1.3.1 A
-
Unele grafice vectoriale nu au descriere text
WCAG 1.1.1 A
-
Unele linkuri nu spun unde duc
WCAG 2.4.4 A
-
Conținutul încorporat nu are nume
WCAG 4.1.2 A