simplytest.me header does not respect prefers-reduced-motion

Created on 14 December 2023, over 1 year ago

Updated 10 January 2024, about 1 year ago

Problem/Motivation

The "Drush Site-Install" banner on sites created using simplytest.me does not respect prefers-reduced-motion. If I scroll the home page down, the banner does a sliding collapse into a hamburger menu. If I scroll up, the banner does a sliding expand.

Steps to reproduce

1. On a Mac, choose System Settings in the Apple menu
2. Select Accessibility
3. Select Display
4. Set reduce motion to on
5. In a browser, go to simplytest.me and create a Drupal 10 site
6. Wait for the welcome page to appear
7. Scroll down

Expected result: The Drush Site-Install banner, Home, Search, and Login collapse into a hamburger menu without animation.
Actual result: The Drush Site-Install banner, Home, Search, and Login collapse into a hamburger menu using a sliding animation.

8. Scroll back up to the top

Expected result: The hamburger menu expands into the Drush Site-Install banner, Home, Search, and Login without animation.
Actual result: The hamburger menu expands into the Drush Site-Install banner, Home, Search, and Login using a sliding animation.

Proposed resolution

Remove the sliding animation if prefers-reduced-motion has been specified.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report

Status

Closed: cannot reproduce

Version

4.0

Component

Code

Created by

🇺🇸United States charles belov San Francisco, CA, US

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.

Comments & Activities

Issue created by @charles belov
Comment over 1 year ago →
🇺🇸United States charles belov San Francisco, CA, US
Comment over 1 year ago →
🇺🇸United States charles belov San Francisco, CA, US
Status changed to Closed: cannot reproduce about 1 year ago1:19pm 9 January 2024
Comment about 1 year ago →
🇬🇧United Kingdom rachel_norfolk UK
I believe this issue is discussing an animation on the header of a Drupal 10 site in the default Olivero theme. Whilst that is something that might need examination, it is not part of the simplytest.me system.

I suggest checking out the Drupal core issue queue → . There appear to be a couple of relevant issues already created.
Comment about 1 year ago →
🇺🇸United States charles belov San Francisco, CA, US
Confirmed as being addressed in 📌 Let users disable animation in Olivero Needs work .

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024