Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility Pass - Subtask - Animation Times and Reduced Motion mode #204

Open
wants to merge 6 commits into
base: accessability-pass
Choose a base branch
from

Conversation

AlexGarneau
Copy link

Separate branch for setting up reduced motion mode by moving all animation-based times into styles.times and setting their duration to 1.

Currently forcing this true for debug purposes - will switch it out after completion.

….times. Adjusted collectable icon so it doesn't flash like crazy in reduced motion mode.

Still trying to figure out how to remove the animation when the user returned from the editorials to the wonder illustrations view.
@AlexGarneau AlexGarneau changed the title Accessibility pass animationtimes Accessibility Pass - Subtask - Animation Times and Reduced Motion mode Mar 5, 2025
@AlexGarneau AlexGarneau changed the base branch from main to accessability-pass March 5, 2025 18:36
@AlexGarneau AlexGarneau requested a review from esDotDev March 5, 2025 22:05
@AlexGarneau AlexGarneau self-assigned this Mar 5, 2025
@AlexGarneau AlexGarneau requested a review from jaredbell March 5, 2025 22:05
fit: BoxFit.contain,
),
)
.animate(onPlay: (controller) => controller.repeat())
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be using the default animation time that is set in app_scaffold, so it should already be shortened?

late final Duration delayMed = Duration(milliseconds: disabled ? 0 : 500);
late final Duration delaySlow = Duration(milliseconds: disabled ? 0 : 700);
late final Duration delayXSlow = Duration(milliseconds: disabled ? 0 : 1050);
late final Duration delayXXSlow = Duration(milliseconds: disabled ? 0 : 4000);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't really want to add a ton of extra fields here... I think for most of these we will want to keep them as "non standard" values inside the view and we'll just support low-motion directly in that view. But I don't want to add a ton of boilerplate either. I'll have to think on this for a bit...

…d instead allow everything to pass in their custom MS and retrieve the duration or delay, which is affected by disableAnimations.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants