inky icon indicating copy to clipboard operation
inky copied to clipboard

Disable web animations when the user prefers reduced motion

Open LeopoldTal opened this issue 3 years ago • 0 comments

The prefers-reduced-motion media query allows users to specify an accessibility setting for less animation.

The purpose of this PR is to respect this setting in web export.

  • Scrolling: Smooth scrolling triggers seasickness, so disable it. Instant scrolling is usually preferred but would be disorienting in the context of Ink games. Instead, let the user scroll at their own pace.
  • Fade-in: A row of flashing paragraphs can also be a vestibular trigger. Show all the paragraphs at once.
  • Colour transitions: Not necessary for seasickness reduction, but exposes current app state more clearly.

See also: PR for inkjs with similar changes.

LeopoldTal avatar Jul 15 '22 23:07 LeopoldTal