Writing Accessible Animations

Respect prefers-reduced-motion

Provide fallbacks and skip long parallax effects. Keep focus states visible and avoid motion that obscures context.

@media (prefers-reduced-motion: reduce) {
  .parallax {
    transform: none !important;
    animation: none !important;
  }
}