Skip to content

USWDS - Feature: Add support for prefers-reduced-motion to disable transitions #5256

Description

@aduth

Is your feature request related to a problem? Please describe.

Some users who experience distraction or nausea from animated content may specify system preferences to express their desire for reduced motion to eliminate inessential animation. The U.S. Web Design System should ideally respect this preference to disable transitions which are inessential (e.g. mobile menu flyout animation).

Describe the solution you'd like

When the @media (prefers-reduced-motion) media feature is present for a user, the USWDS $project-easing variable should effectively be set to 0.

Describe alternatives you've considered

No response

Additional context

Code of Conduct

Metadata

Metadata

Assignees

Fields

No fields configured for Enhancement.

Projects

Status
Done

Relationships

None yet

Development

No branches or pull requests

Issue actions