→ Accessibility: Components | Skeleton loading animation - Githubissues

Telefonica / mistica-design

Mística Design System (only design)

https://brandfactory.telefonica.com/mistica

20 stars 4 forks source link

→ Accessibility: Components | Skeleton loading animation #1803

Open aweell opened 3 weeks ago

aweell commented 3 weeks ago

Description

In order to avoid failing https://www.w3.org/WAI/WCAG22/Understanding/pause-stop-hide.html we need to update the animation of the skeleton component with the following:

Stop the animation if the skeleton is present more that 5s
Allow to disable the animation via prefers-reduced-motion

Documentation:

https://adrianroselli.com/2020/11/more-accessible-skeletons.html

Tasks

[ ] Update specs
[ ] iOS ticket
[ ] Android ticket
[ ] Web ticket