WCAG 2.3.1 Trei flash-uri sau sub prag

Criteriul de succes 2.3.1 protejează persoanele cu tulburări convulsive fotosensibile. Conținutul care clipește prea des, pe o suprafață suficient de mare, poate declanșa o criză, iar acest rău se produce instantaneu. Este de nivelul A și face parte din EN 301 549 (clauza 9.2.3.1). Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Paginile web nu trebuie să conțină nimic care clipește de mai mult de trei ori în orice interval de o secundă, cu excepția cazului în care flash-ul este sub pragul general de flash și sub pragul de flash roșu.

Conținutul este sub prag dacă:

• nu există mai mult de trei flash-uri generale și/sau trei flash-uri roșii în orice secundă; sau
• suprafața combinată a flash-urilor care au loc simultan nu depășește 0,006 steradiani într-un câmp vizual de 10 grade (25 % din acel câmp) la o distanță de vizualizare obișnuită.

Definiții din WCAG:

• un flash general este o pereche de schimbări opuse ale luminanței relative de 10 % sau mai mult din valoarea maximă, în care imaginea mai întunecată are o luminanță relativă sub 0,80;
• un flash roșu este o pereche de tranziții opuse care implică un roșu saturat.

Pentru ecranele obișnuite, WCAG sugerează ca mărime a acestei suprafețe un dreptunghi de 341 × 256 pixeli oriunde pe ecran, vizualizat la 1024 × 768.

Greșeli tipice într-un magazin online

• un banner „Black Friday” sau „flash sale” care pâlpâie stroboscopic între culori aprinse;
• videoclipuri de produs sau clipuri de brand cu blițuri, fulgere sau tăieturi rapide între scene întunecate și luminoase;
• insigne GIF animate („NOU!”, „REDUCERE!”) care clipesc rapid între roșu și alb;
• o animație introductivă sau de încărcare pe tot ecranul, cu efecte de pâlpâire.

Cum se verifică

Automat: nu există o regulă axe-core pentru acest criteriu. Măsurarea flash-urilor necesită o analiză video cadru cu cadru, pe care o scanare a paginii nu o face, așa că este nevoie de o verificare manuală.

Manual: enumerați fiecare videoclip, GIF, banner animat și animație CSS. Urmăriți-le pe fiecare și numărați schimbările rapide între luminos și întunecat sau spre roșu saturat. Dacă ceva se schimbă de mai mult de trei ori într-o secundă, măsurați-l cu un instrument dedicat de analiză a conținutului fotosensibil, cum ar fi instrumentul gratuit Photosensitive Epilepsy Analysis Tool (PEAT), sau eliminați-l.

Cum se remediază

• Nu folosiți deloc efecte stroboscopice sau de pâlpâire; rareori există un motiv de business pentru ele.
• Încetiniți animațiile, astfel încât schimbările între luminos și întunecat să aibă loc de cel mult trei ori pe secundă.
• Păstrați mică orice clipire necesară și evitați roșul saturat.
• Verificați videoclipurile primite de la agenții și influenceri înainte de a le pune pe paginile de produs.
• Respectați prefers-reduced-motion pentru animații în general (o bună practică, nu un substitut pentru limitele de flash).

Criterii conexe

• 2.2.2 Pauză, oprire, ascundere — conținutul în mișcare și cel care clipește trebuie să poată fi controlate.
• 1.4.3 Contrast (minim) — cum se folosește luminanța relativă pentru contrastul textului.
• Lista de verificare WCAG 2.2 — toate criteriile de nivel A și AA într-o singură listă.

Întrebări frecvente

Câte flash-uri pe secundă permite WCAG?

Cel mult trei flash-uri în orice interval de o secundă, cu excepția cazului în care clipirea este sub pragul general de flash și sub pragul de flash roșu, de exemplu pentru că zona care clipește este mică.

Care este pragul de suprafață pentru flash-uri?

Flash-urile simultane trebuie să acopere împreună cel mult 25 % din orice câmp vizual de 10 grade, la o distanță de vizualizare obișnuită. WCAG oferă un ghid practic: un dreptunghi de 341 × 256 pixeli pe un ecran vizualizat la 1024 × 768.

Poate un buton de pauză să rezolve conținutul care clipește?

Nu. O criză poate apărea înainte ca utilizatorul să ajungă la vreun control, așa că însăși clipirea trebuie să rămână în limite. Tot din acest motiv, criteriul 2.3.1 se aplică întregului conținut al paginii.