1927445 - The ChatBot Onboarding panel does not respect the Reduce motion preference

Status: REOPENED

(Core :: Machine Learning, defect)

Description

[Rares Doghi, Desktop QA]

Attachment: 2024-10-28_15h13_39.mp4

Found in

• 133.0a1 (2024-10-28)

Affected versions

• 133.0a1 (2024-10-28)

Preconditions
Enable Vertical Sidebar from about:preferences > Firefox Labs
Turn off Animation at an OS level > Show Animations in Windows - OFF

Affected platforms

• all

Steps to reproduce

1. Open the Sidebar.
2. Open the Chat panel for the First time or Select the Chatbot details from the Dropdown.

Expected result

• The Fade in animation should not be displayed at all if the Reduce motion preference is set at an OS level.

Actual result

• The Chatbot Onboarding panel is disregarding the reduce motion preferences set at an OS level.

Regression range
Not a Regression.

Comment 1

[Sarah Clements [:sclements]]

Thanks Rares, please cc'd Mardak on all chatbot bugs.

Comment 2

[Ed Lee :Mardak]

reduce motion does not mean remove all transitions. onboarding already removes the movement aspects and switches to opacity for reduced motion see bug 1813146 comment 4

Comment 3

[Anna Yeddi [:ayeddi]]

(In reply to Ed Lee :Mardak from comment #2)

reduce motion does not mean remove all transitions. onboarding already removes the movement aspects and switches to opacity for reduced motion see bug 1813146 comment 4

Removing the movement aspects is a great start to ensure the interface is accessible for all users. Reduced motion mode is though expecting to basically leave only essential animations to avoid hurting users with motion sensitivity who may get migraines from this interaction.

Per CSS specs:

The prefers-reduced-motion media feature is used to detect if the user has requested the system minimize the amount of non-essential motion it uses.
reduce
Indicates that user has notified the system that they prefer an interface that removes or replaces the types of motion-based animation that either trigger discomfort for those with vestibular motion sensitivity, or distraction for those with attention deficits.

I do not think it is essential for the flow that the chatbot options are appearing on the screen in an animated way, thus reopening the bug. LMK if I can help brainstorming the remediation tactics for it.

Comment 4

[Ed Lee :Mardak]

are you saying changing opacity is motion?

Comment 5

[Anna Yeddi [:ayeddi]]

(In reply to Ed Lee :Mardak from comment #4)

are you saying changing opacity is motion?

Flashing that it causes is known for triggering migraines for users with light sensitivity. We have had bugs filed for users who had to hack their ways around to continue using Firefox.