🎨 Palette: Enhance haptic feedback accessibility#1134
🎨 Palette: Enhance haptic feedback accessibility#1134github-actions[bot] merged 1 commit intomasterfrom
Conversation
Ensured all `navigator.vibrate` calls strictly respect the user's OS-level motion preferences by checking `!window.matchMedia("(prefers-reduced-motion: reduce)").matches`.
Updated:
- `src/components/common/ContactForm.astro`
- `src/layouts/Base.astro`
- `src/components/features/home/Hero.astro`
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
💡 What: Added strict checks for
prefers-reduced-motionbefore triggeringnavigator.vibratefor haptic feedback across several interactive components (Contact Form, Back-to-Top button, Hero CTAs).🎯 Why: Triggering haptic feedback for users who have explicitly requested reduced motion in their OS settings can cause discomfort or distress for individuals with sensory sensitivities or vestibular disorders.
♿ Accessibility: Fully complies with user motion preferences by silencing non-essential physical feedback if
prefers-reduced-motion: reduceis active. CachesMediaQueryListwhere possible to optimize event listener performance without triggering layout thrashing.PR created automatically by Jules for task 17112679708880417126 started by @kuasar-mknd