Skip to content

[Accessibility] Carousel block > Carousel Type - Animations should not be present if Reduced Motion is enabled #3251

Description

@andeng1106

Describe the bug

  • If reduce motion (iOS/MacOS) or animation effects (Windows) is enabled, carousel animations should not be present whether slide or fade animation
  • Current behavior:
    • iOS/MacOS - If reduce motion is enabled, slide and fade animation is still present
    • Windows - If animation effects is enabled, fade animation is still present

To Reproduce
Steps to reproduce the behavior:

  1. Add a new page
  2. Add two Carousel blocks and set Carousel type:
    • Carousel 1 - Slide
    • Carousel 2 - Fade
  3. Save page and view frontend
  4. Enable reduce motion or animation effects
  5. See issue

Expected behavior

  • Animations should not be present if reduced motion settings is enabled

Screenshots
MacOS/iOS

Screen.Recording.2024-07-18.at.5.3.mp4

Windows

TBA

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityAccessibility concernbugSomething is not working

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions