Liigu põhisisu juurde
Ligipääsetavuse labor
WCAG 2.2 sirvija
2.3.3WCAG AAAÜle vaatamata

Interaktsioonist tulenev animatsioon

2.3 Krambid ja füüsilised reaktsioonid

Interaktsioonist käivitatud liikumisanimatsiooni peab saama välja lülitada, va kui see on funktsiooni jaoks hädavajalik.

Žestid ja osuti
Disainer
Arendaja
Interaktiivne komponent
Veebileht
Mobiilirakendus

Miks see oluline on

Parallaks- ja liikumisefektid võivad tekitada pearinglust või iiveldust vestibulaarhäiretega inimestel.

Keda see puudutab

Mõjutab vestibulaarhäirete ja liikumistundlikkusega inimesi.

Tüüpvead

  • Parallaks-kerimisefektid ilma liikumise vähendamise võimaluseta.

Võrdle kahte versiooni

Ligipääsmatu
.card:hover { transform: translateY(-50px) rotate(20deg); }

Suur liikumisefekt ilma vähendatud liikumise toeta.

Ligipääsetav
@media (prefers-reduced-motion: reduce) { .card:hover { transform: none; } }

Arvestab kasutaja vähendatud liikumise eelistust.

Kuidas testida

  • Lülita OS-i seadetes 'vähenda liikumist' ja kontrolli animatsioonide vähenemist.

Küsi endalt

  • Kas interaktsioonist käivitatud liikumisanimatsioonid saab välja lülitada?
  • Kas sait arvestab prefers-reduced-motion seadistust?

Selle kriteeriumiga seotud enesehindamise küsimused

  • Kas liikumist vähendatakse, kui kasutaja seda soovib?Üle vaatamata