Skeleton loader
A skeleton is a graphical placeholder, reserving physical space in the page for content in cases where a service or action may be slow to resolve. A skeleton can be considered as an alternative to the progress spinner in many situations.
Our accessibility section covers only the key considerations that impact design thinking at a page level, such as keyboard interaction, heading structure and landmarks. For exhaustive pattern level details & guidance for the web, please visit eBay MIND Patterns.
Alternative text
The loading skeleton group requires an appropriate accessible role and label that indicates its purpose.
Color contrast
Graphics and user interface components like skeleton loading shapes can have a lower contrast ratio because of their large size and surrounding white space.
Prefers reduced motion
The shimmer animation should be disabled when enabling the prefers-reduced-motion setting at the OS level.