Skip to content

CodePenMay 17, 2023

Accessible Motion - @prefers-reduced-motion + @prefers-reduced-data

CodePen pattern demonstrating user-choice motion with prefers-reduced-motion and prefers-reduced-data queries to support comfort and performance.

patternAccessibilityCSSWCAG

Last updated: May 30, 2023

CodePen snippet: Accessible Motion - @prefers-reduced-motion + @prefers-reduced-data.

Resources