Homepage - Reduce Motion for accessibility
Looking at the new interface at https://www.xero-reimagined-nav-hp.com/ the widgets fly in from the side, and the charts all animate from zero to their full value. I have an accessibility requirement to have reduced motion, and have selected this option on my computer which the new Xero website is ignoring. Websites can use this selection as shown in https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion and https://www.w3.org/WAI/WCAG22/Techniques/css/C39. Can you please implement the best practice for accessibility, and ensure all users can comfortably use your updated website by removing unnecessary animation when requested with the reduce motion option? Many other websites include this accessibility feature which is part of the Web Content Accessibility Guidelines.
Michael Matthews
shared this idea
Really appreciate you sharing this feedback with us here =, Michael. I've made sure to share this back with our product teams and we'll get a sense of the impact this has for others in community from your idea here.
If there are any updates to share around this I'll make sure to give you an update here.
