Что такое @media prefers-reduced-motion?

Question

Accepted Answer

## Зачем

Пользователь включает в ОС «уменьшить движение» при вестибулярной чувствительности/утомляемости. Сайты должны уважать это.

```css
.card {
  transition: transform 200ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .card { transition: none; }
  .hero { animation: none; }
  html { scroll-behavior: auto; }
}
```

Стратегии: отключить non-essential анимации, заменить parallax статикой, оставить короткие opacity-fade при необходимости. Не только «выключить всё forever в JS», но и CSS-ветка.

## Итог

`prefers-reduced-motion` — обязательная часть accessible motion design.