Page MenuHomePhabricator

Enable collapsible TOC sections for users with prefers reduced motion
Closed, ResolvedPublic

Description

Background

Prefers reduced motion should only disable the animation of the TOC toggle arrows, not the entire collapsible section feature. This is a holdover from when we thought the sections would collapse and expand automatically on scroll

AC

  • TOC sections are collapsible when the prefers reduced motion query is enabled
  • The section toggle arrows do not animate

Developer notes

Because of the location of the new TOC in the DOM, in print mode it is located before the h1. Ideally the TOC should follow the h1, as it does in legacy.

QA notes

on OSX "reduce motion" can be found in system preferences > accessibility

Screen Shot 2022-04-27 at 10.56.06 AM.png (976×1 px, 314 KB)

QA Results - Beta

ACStatusDetails
1T306652#7901739
2T306652#7901739

QA Results - Prod

ACStatusDetails
1T306652#7920730
2T306652#7920730

Event Timeline

Change 785184 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/skins/Vector@master] Enable collapsible TOC sections for user with preferred reduced motion

https://gerrit.wikimedia.org/r/785184

ovasileva triaged this task as Medium priority.Apr 25 2022, 4:24 PM

Change 785184 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Enable collapsible TOC sections for user with preferred reduced motion

https://gerrit.wikimedia.org/r/785184

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: macOS Monterey
Browser: Chrome
Device: MBP
Emulated Device:NA

Test Artifact(s):

QA Steps

✅ AC1: TOC sections are collapsible when the prefers reduced motion query is enabled
✅ AC2: The section toggle arrows do not animate

Screen Recording 2022-05-03 at 6.55.53 PM.mov.gif (496×536 px, 123 KB)

Edtadros added a subscriber: Edtadros.

Test Result - Prod

Status: ✅ PASS
Environment: enwiki
OS: macOS Monterey
Browser: Chrome
Device: MBP
Emulated Device:NA

Test Artifact(s):

QA Steps

✅ AC1: TOC sections are collapsible when the prefers reduced motion query is enabled
✅ AC2: The section toggle arrows do not animate

Screen Recording 2022-05-11 at 5.57.16 AM.mov.gif (632×804 px, 340 KB)