Skip to main content
All CollectionsConfettiDeveloper Guide
Accessibility in Pasilobus Confetti
Accessibility in Pasilobus Confetti

Ensuring an inclusive and accessible shopping experience for motion sensitive users.

Updated over a week ago

Ensuring an inclusive shopping experience is essential, and Pasilobus Confetti is designed with accessibility in mind. To accommodate users with motion sensitivities, the app automatically disables confetti effects when a "Reduce Motion" request is detected from the user's browser or device settings.

How Motion Sensitivity Detection Works

Many operating systems and browsers allow users to enable "Reduce Motion" preferences to limit animations and effects. Pasilobus Confetti respects this setting and will not trigger confetti animations if:
​

βœ… The user has enabled Reduce Motion in their system or browser settings.
βœ… The browser reports a preference for reduced motion via CSS or JavaScript.
βœ… The user is on a device where motion effects may cause discomfort.

Why This Matters

πŸ’‘ Improves Accessibility – Ensures that all customers, including those with motion sensitivities, can browse comfortably.
πŸ’‘ Better User Experience – Avoids unnecessary distractions for users who prefer a static browsing environment.
πŸ’‘ Follows Best Practices – Aligns with web accessibility standards (such as WCAG guidelines) for an inclusive store experience.

How to Test Accessibility Settings

If you’d like to check how Pasilobus Confetti responds to reduced motion settings:

1️⃣ Enable Reduce Motion on your operating system:

  • Mac: System Settings > Accessibility > Display > Reduce Motion.

  • Windows: Settings > Ease of Access > Display > Show Animations (toggle off).

  • iOS: Settings > Accessibility > Motion > Reduce Motion (toggle on).

  • Android: Settings > Accessibility > Remove Animations.

2️⃣ Visit your Shopify store and perform an action that would normally trigger confetti (e.g., adding an item to the cart).

3️⃣ If Reduce Motion is enabled, confetti will not play, ensuring a smooth and comfortable experience.

Pasilobus Confetti enhances engagement while respecting accessibility needs. By automatically disabling effects for users with motion sensitivities, we ensure a fun, inclusive, and user-friendly shopping experience for all customers.

Did this answer your question?