Definiție
Animația redusă se referă la opțiunea de a limita sau elimina efectele de mișcare dintr-o interfață digitală, pentru a proteja utilizatorii sensibili la astfel de stimuli. În accesibilitatea web, această funcționalitate este esențială pentru persoanele care suferă de afecțiuni neurologice (ex: epilepsie fotosensibilă, tulburări vestibulare) sau pentru cei care experimentează disconfort vizual sau greață cauzate de tranziții rapide, parallax, zoom-uri automate sau efecte de scroll.
Animațiile pot contribui la experiența utilizatorului atunci când sunt subtile și utile, dar devin o problemă când sunt invazive, rapide sau imposibil de controlat. De aceea, reducerea animației nu înseamnă eliminarea completă a oricărei mișcări, ci adaptarea acesteia la nevoile utilizatorilor.
Exemple concrete
- Pe un site cu efecte de scroll parallax, un utilizator care are activată opțiunea „Reduce motion” în sistemul de operare va vedea o variantă statică a site-ului.
- Un banner animat care derulează automat este oprit sau se transformă într-o imagine statică.
- Animația unui loader este înlocuită cu o bară de progres simplă.
Bune practici
- Respectă preferința utilizatorului privind „reducerea mișcării” (media query:
prefers-reduced-motion). - Oferă controale pentru a întrerupe, opri sau ascunde animațiile inutile.
- Evită animațiile care se repetă la infinit sau cele care implică flash-uri rapide (care pot declanșa crize).
- Asigură-te că toate informațiile transmise prin animație sunt disponibile și în formă statică sau text.
Chiar dacă majoritatea utilizatorilor nu dezactivează efectele vizuale, includerea unei opțiuni de animație redusă este o dovadă de grijă pentru accesibilitate și bună experiență digitală. Este o practică recomandată inclusiv de standardele WCAG și contribuie la o interfață mai incluzivă și profesională.
