§18-05Accessibility

prefers-reduced-motion 尊重

OS の動き抑制設定に従いアニメーションを控える。

動きで体調を崩す利用者や集中を妨げられたくない人に配慮する。装飾的なアニメーションを持つサイト全般で守るべき設定。

実装のポイント

CSS は @media (prefers-reduced-motion: reduce)、JS は matchMedia の change を購読して追従する。動きは消すだけでなく穏やかな代替に置き換える。