WCAG 2.2.2 Pauză, oprire, ascundere

Criteriul de succes 2.2.2 se asigură că un conținut în mișcare sau care se actualizează singur nu îi împiedică pe utilizatori să folosească restul paginii. Mișcarea distrage atenția de la citit, ceea ce este dificil pentru persoanele cu deficit de atenție sau cu dizabilități cognitive, iar textul în mișcare este greu de citit pentru persoanele cu vedere slabă sau cu dificultăți de citire. Este de nivelul A și face parte din EN 301 549 (clauza 9.2.2.2). Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Informațiile în mișcare, care clipesc sau derulează și care (1) pornesc automat, (2) durează mai mult de cinci secunde și (3) sunt afișate în paralel cu alt conținut trebuie să aibă un mecanism de pauză, oprire sau ascundere — cu excepția cazului în care mișcarea este esențială pentru activitate.

Informațiile actualizate automat care (1) pornesc automat și (2) sunt afișate în paralel cu alt conținut trebuie să aibă un mecanism de pauză, oprire sau ascundere ori de control al frecvenței actualizărilor — cu excepția cazului în care actualizarea este esențială.

Note din WCAG:

• clipirea este tratată separat de criteriul 2.3.1;
• o animație de încărcare poate fi considerată esențială dacă nimeni nu poate interacționa în acea etapă, iar ascunderea progresului ar putea face pagina să pară defectă;
• deoarece conținutul în mișcare poate perturba întreaga pagină, tot conținutul trebuie să îndeplinească acest criteriu (non-interferență).

Greșeli tipice într-un magazin online

• un slider principal sau un carusel de produse care se rotește la nesfârșit, fără buton de pauză;
• o bară de anunțuri care derulează („Livrare gratuită peste 50 € · Colecție nouă …”);
• un videoclip de fundal în antet care rulează în buclă fără niciun control;
• o fereastră de tip „12 persoane văd acest produs” sau „Anna din Berlin tocmai a cumpărat…” care se actualizează continuu;
• elemente vechi <marquee> sau <blink> în descrieri de produse sau bannere mai vechi.

Cum se verifică

Automat: verificatorul nostru semnalează elementele <marquee> și <blink> (vedeți biblioteca de reguli). Caruselele, videoclipurile și animațiile CSS și JavaScript nu pot fi detectate în mod fiabil, așa că cea mai mare parte a acestui criteriu necesită o verificare manuală.

Manual: încărcați fiecare pagină importantă și așteptați cel puțin cinci secunde fără să atingeți nimic. Notați tot ce se mișcă, derulează, clipește sau se actualizează singur. Pentru fiecare element, găsiți un control de pauză, oprire sau ascundere, verificați că este vizibil și funcționează de la tastatură și că conținutul rămâne oprit.

Cum se remediază

• Adăugați caruselelor și videoclipurilor de fundal un buton de pauză/redare vizibil și utilizabil de la tastatură; oprirea doar la hover sau la focus nu este suficientă pentru toți utilizatorii.
• Și mai bine, renunțați la rotirea automată: lăsați clienții să treacă singuri de la un slide la altul.
• Respectați prefers-reduced-motion pentru a opri animațiile neesențiale pentru utilizatorii care cer mai puțină mișcare.
• Eliminați <marquee> și <blink> și înlocuiți benzile derulante cu text static.
• Permiteți utilizatorilor să închidă sau să dezactiveze notificările live de tip „dovadă socială”.

Criterii conexe

• 2.3.1 Trei flash-uri sau sub prag — conținutul care clipește și crizele.
• 2.2.1 Timp ajustabil — limitele de timp trebuie să poată fi ajustate.
• 2.1.1 Tastatură — controlul de pauză trebuie să funcționeze de la tastatură.

Întrebări frecvente

Un carusel cu rotire automată încalcă WCAG 2.2.2?

Doar dacă pornește automat, se mișcă mai mult de cinci secunde alături de alt conținut și nu oferă nicio modalitate de a-l pune pe pauză, a-l opri sau a-l ascunde. Un buton de pauză vizibil, care funcționează de la tastatură, rezolvă problema.

Ce este regula celor cinci secunde din WCAG 2.2.2?

Conținutul care se mișcă, clipește sau derulează, pornește automat și durează cel mult cinci secunde nu are nevoie de un control de pauză. Orice durează mai mult și este afișat în paralel cu alt conținut are nevoie.

Acoperă criteriul 2.2.2 videoclipurile de fundal și GIF-urile animate?

Da, dacă se mișcă automat mai mult de cinci secunde lângă alt conținut. Clipirea care poate provoca crize este un criteriu separat, 2.3.1.