Skip to content

[A11Y] Use prefers-reduced-motion to calm animations #3517

Open
@davwheat

Description

People with inner ear conditions can become nauseous and physically sick from web animations.

We should NOT remove animations, but instead of fast zooms or slides, we should favour opacity fades.

https://css-tricks.com/empathetic-animation/#did-we-allow-users-to-opt-out

  • Mobile drop-down slide in
  • Mobile modal slide in

Metadata

Assignees

No one assigned

    Labels

    type/accessibilityIssues relating to accessibility (keyboard navigation, screenreaders, text contrast, etc.)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions