Svelte Transitions and Accessibility
summary
Svelte has five of seven built-in transitions that involve motion, and large or multi-directional movement can trigger dizziness; the concrete claim is that using prefers-reduced-motion and swapping animations avoids harm. Examples: disable animations with a CSS media-query override, use window.matchMedia plus an event listener to switch fly → fade fallback, and encapsulate that logic in a reactive Svelte store that handles SSR guards and listener cleanup. The store works and lets components swap transitions immediately when preferences change.
AI-written summary · about
