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

Scroll behavior does not respond to prefers-reduced-motion setting #95517

Closed
4 tasks
bacitracin opened this issue Oct 21, 2024 · 1 comment
Closed
4 tasks

Scroll behavior does not respond to prefers-reduced-motion setting #95517

bacitracin opened this issue Oct 21, 2024 · 1 comment
Assignees
Labels
a11y-defect-0 Potentially harmful accessibility issue that must be fixed immediately accessibility DBEX-TREX Disability Benefits Experience - Team T-Rex disability-experience

Comments

@bacitracin
Copy link

bacitracin commented Oct 21, 2024

Issue Description

This issue was identified in the accessibility audit of the review & confirmation pages of the 526 form.

When the user prefers reduced motion, we should honor that and not show scrolling animation.

Expected severity: a11y-defect-0
Page: review-and-submit
Environment: prefers-reduced-motion setting is on
Estimated Level of Effort to fix: Medium
Design system component involved: Yes
Relevant WCAG success criteria: 2.3.3 Animation from Interactions Level AAA

PR: department-of-veterans-affairs/vets-website#32760

To Reproduce:

  • Using Chrome DevTools simulator or your local OS accessibility settings, turn on "reduced motion" settings.
  • Click around the page and trigger the scroll by trying to edit an item.

Expected Behavior

  • There should be no scrolling animation. It should just "jump" to that part of the screen.

Actual Behavior

  • Scroll behavior still occurs.

Tasks

Acceptance Criteria

  • Scrolling animation does not show.
  • Accessibility Audit issue tracking doc is updated with ticket status
@bacitracin
Copy link
Author

Merged! Video demo if needed for sprint review next week - https://www.loom.com/share/c588bdc8f013492b81fbf60fa77dcb38?sid=c46038b4-2bdc-48d1-9b7b-bdaf523f5b59

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y-defect-0 Potentially harmful accessibility issue that must be fixed immediately accessibility DBEX-TREX Disability Benefits Experience - Team T-Rex disability-experience
Projects
None yet
Development

No branches or pull requests

2 participants