Jumping to the next tip can trigger a scroll animation with the reduce motion setting active

Created on 20 August 2024, 3 months ago
Updated 23 August 2024, 3 months ago

Problem/Motivation

If you narrow down the viewport to a mobile viewport and then step through the different tour tips it can happen depending on the highlighted elements that a scrolling animation is triggered on an operating system that has the Reduce motion setting active (see https://vestibular.org/article/diagnosis-treatment/types-of-vestibular-d...). It is in conflict with WCAG2.2 SC2.3.3 C39. The operating settings should be respected and there should be a jump not a scrolling in that particular case.

Steps to reproduce

  • go to admin/appearance
  • open the tour
  • tab

Proposed resolution

A from my perspective slightly more elegant solution, in contrast to the approach described in C39, is the one @joshuami proposed in https://drupal.slack.com/archives/C2ANFUGGG/p1697041118213939?thread_ts=... by using

@media (prefers-reduced-motion: no-preference) {
}

That way you are able to add any animation related rules within the media query. That way you keep everything in relation to animation contain and achieve progressive enhancement.

Damit wird ein Progressive Enhancement erreicht, die Animation ist in der der Media Query gekapselt und wird nur fuer Besucher*innen angezeigt die keine Einstellung zu "Reduce Motion" gesetzt haben. Standardmäßig gibt es keine Animationen.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Closed: duplicate

Version

2.0

Component

User interface

Created by

🇩🇪Germany rkoller Nürnberg, Germany

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024