[MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion.

[hkuraware]

• Added accessible play/pause control for logo animation.
• Built responsive support for all viewport sizes.
• Implemented using a mobile-first approach.

Resolves: MWPW-183216

Test URLs:

• Before: https://main--cc--adobecom.aem.live/drafts/himani/test-ff?martech=off
• After: https://mwpw-183216-a11y-play-pause--cc--adobecom.aem.live/drafts/himani/test-ff?martech=off

Screenshots:

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• ee68cc8 ✅ (latest)
• 2a0430d ✅
• 0d377b7 ✅
• 3289fa0 ✅
• a1ff521 ✅
• d971ce7 ✅
• 3723332 ✅
• 97bd8e1 ✅
• 7ee0771 ✅
• e54a844 ✅
• 0487b85 ✅
• 7b2116a ✅
• 120ca7a ✅
• 9951a87 ✅

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/drafts/himani/test-ff?martech=off
🖥️	/drafts/himani/test-ff?martech=off

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to failing checks

[spadmasa]

Hi @hkuraware , when did play/pause able to see it as undefined , please check, do not see translated alt text like how we see in product pages

Recording.2026-01-21.195609.mp4

Uploading Recording 2026-01-21 195609.mp4…

[hkuraware]

Hi @hkuraware , when did play/pause able to see it as undefined , please check, do not see translated alt text like how we see in product pages

Hi @spadmasa ,
Fixed the issue. Could you please check.

[nkthakur48]

@hkuraware Could you please have a look at the review comments!

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to failing checks

[codecov-commenter]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 88.39%. Comparing base (f7e0f73) to head (7ee0771).
⚠️ Report is 91 commits behind head on stage.

Additional details and impacted files

@@            Coverage Diff             @@
##            stage     #862      +/-   ##
==========================================
+ Coverage   88.37%   88.39%   +0.02%     
==========================================
  Files          42       42              
  Lines        9145     9146       +1     
==========================================
+ Hits         8082     8085       +3     
+ Misses       1063     1061       -2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to failing checks

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to failing checks

[spadmasa]

removed the label as there is tab trapping issue calledout , will reverify the pr and add the label

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to missing verified label. kindly make sure that the PR has been verified

[hkuraware]

Hi team,
I’ve debugged this issue and found that we’re encountering a tab trap within the Unity autocomplete. The Unity handleTab logic is being triggered even when focus is on buttons outside the Unity block.
As a quick fix, we can add an additional scope/focus check in Unity so the Tab key handling runs only when the active element is within the Unity section and does not affect buttons or elements in other sections.

cc: @nkthakur48 @suhjainadobe @spadmasa

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to missing verified label. kindly make sure that the PR has been verified

[nkthakur48]

@hkuraware Could you please link details for complementing Unity PR fixing this issue? Also I suppose we may need to ensure that changes for both Unity and CC should go together

[spadmasa]

The pr can be merged to stage and prod after the unity ticket fix is available in production https://jira.corp.adobe.com/browse/MWPW-186857

[hkuraware]

@hkuraware Could you please link details for complementing Unity PR fixing this issue? Also I suppose we may need to ensure that changes for both Unity and CC should go together

Hi @nkthakur48 ,
As Soujanya mentioned in the comment above, this PR can be merged to stage and prod once the Unity ticket fix is available in production.

Additional details:
Unity PR merged to stage: adobecom/unity#664
Ticket number: https://jira.corp.adobe.com/browse/MWPW-186857

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to failing checks

[milo-pr-merge-cc]

Skipped merging 862: [MWPW-183216]: [Accessibility] Added play/pause button to control movement of logo motion. due to missing verified label. kindly make sure that the PR has been verified

[spadmasa]

changes of unity pr is merged and validation is done on below url , tab trapping is fine now
https://mwpw-183216-a11y-play-pause--cc--adobecom.aem.live/products/firefly