prefers-reduced-motion: по-малко движение по избор

Полезно е да знаеш

prefers-reduced-motion проверява дали потребителят е заявил предпочитание за ограничаване на несъщественото движение. В CSS това може да се използва с @media (prefers-reduced-motion: reduce). Предпочитанието не казва кои точно анимации са подходящи; това остава решение на дизайна. [1]

При карусел например можеш да премахнеш автоматичното плъзгане, а при декоративен фон — непрекъснатото местене. Връзката между действие и резултат трябва да остане ясна и без тези ефекти. Това са примери за адаптация, не медицински твърдения.

Не изключвай безразборно всяка анимация с общо правило, ако логиката на приложението зависи от събитие за нейния край. Провери поведението и при активирано системно предпочитание. Запази видими състоянията на зареждане, успех и грешка чрез текст или други ясни сигнали, така че движението да не бъде единственият носител на информация.