Cerință WCAG A/AA Prioritate: Moderat
Un text se derulează și nu poate fi oprit
Pagina folosește elementul învechit <marquee>, de obicei o bandă derulantă de tipul „Livrare gratuită peste 200 lei” sau un anunț de reduceri.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Textul în mișcare este greu sau imposibil de citit pentru multe persoane și distrage atenția de la produsul sau formularul folosit. Pentru că nu poate fi pus pe pauză, clienții cu dificultăți de atenție, cu vedere slabă sau cu dislexie pot rata complet mesajul, iar utilizatorii de cititoare de ecran îl pot auzi într-un mod confuz.
Pe cine afectează
- persoanele cu dificultăți de atenție sau concentrare
- persoanele cu vedere slabă
- persoanele cu dislexie sau dificultăți de citire
- utilizatorii de cititoare de ecran
Cum se remediază
Înlocuiți <marquee> cu text static, de exemplu o bară de anunțuri obișnuită. Dacă doriți mișcare, realizați-o cu CSS care respectă prefers-reduced-motion și adăugați un buton vizibil de pauză; orice se mișcă mai mult de cinci secunde trebuie să poată fi pus pe pauză, oprit sau ascuns.
În Shopify
Rar în temele Shopify; de obicei provine dintr-o aplicație mai veche de bară de anunțuri sau din HTML propriu inserat într-o secțiune. Înlocuiți-l cu bara de anunțuri integrată a temei sau cu text static.
În Shoptet (CZ)
De obicei provine din HTML propriu adăugat în magazin (banner sau text în antet). Înlocuiți <marquee> cu text static în codul propriu.
În PrestaShop
De obicei provine dintr-un modul vechi sau din HTML propriu într-un bloc CMS ori într-un șablon .tpl al temei. Înlocuiți-l cu text static sau cu o bandă care poate fi pusă pe pauză.
În WooCommerce
De obicei provine dintr-o temă veche, un plugin de bandă derulantă sau HTML inserat într-un widget ori un bloc de page builder. Înlocuiți-l cu text static sau cu o bandă care poate fi pusă pe pauză.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 2.2.2 (A) Pause, Stop, Hide |
| WCAG 2.1 | 2.2.2 (A) Pause, Stop, Hide |
| WCAG 2.0 | 2.2.2 (A) Pause, Stop, Hide |
| EN 301 549 4.1.1 | 9.2.2.2 |
| EN 301 549 3.2.1 | 9.2.2.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.2.2 |
Verificare automată: regula axe-core marquee.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele titluri sunt doar text îngroșat sau mare
WCAG 1.3.1 A
-
Pagina nu indică în ce limbă este scrisă
WCAG 3.1.1 A
-
Unele zone derulante nu pot fi folosite cu tastatura
WCAG 2.1.1 A
-
Unele celule de tabel trimit la antete greșite
WCAG 1.3.1 A