Make Umami focus + hover styles respect prefers-reduced-motion

Created on 28 November 2018, about 6 years ago
Updated 21 September 2023, over 1 year ago

Follow-up to #2983568: Audit and improve focus styles across the Umami theme for logged out users . This was deferred so that it wouldn't hold up all the other awesome wins in the main issue.

The hover and focus styles in Umami use animation. It would be good to make these respect the prefers-reduced-motion CSS media query, and check they don't rely on animation to convey state.

📌 Task
Status

Postponed: needs info

Version

11.0 🔥

Component
Umami 

Last updated about 2 months ago

Created by

🇬🇧United Kingdom andrewmacpherson

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.

  • VIMS

    Visually induced motion sickness

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇮🇪Ireland markconroy

    Hi @andrewmacpherson and @mgifford

    Just want to check that this is an issue we need to fix. The "motion" we have for hover and focus states is a very subtle motion to change colour and/or show an underline/border. This is a far cry from things zooming in and out of the page. If someone "prefers _reduced_ motion" I can understand on a site with things zooming in and out that they would want this "reduced".

    I'm not sure if our motion is so severe that we can reduce it at all without actually removing it. Is that what we want to do in this issue - set "no motion/transition time" for items if "prefers reduced motion" preference is set? I'm perfectly happy if this is the desired state we want, just want to be sure before we work on it.

  • Status changed to Postponed: needs info over 1 year ago
Production build 0.71.5 2024