Skeleton

A static placeholder for content that's still loading.

Show the markup

<div aria-hidden="true">
  <div class="cc-skeleton cc-skeleton--text" style="max-width:18rem"></div>
  <div class="cc-skeleton cc-skeleton--text" style="max-width:26rem"></div>
  <div class="cc-skeleton" style="height:6rem;max-width:30rem"></div>
</div>

Accessibility

No shimmer — a pulsing animation adds motion (2.3.3) and no information. Curbcut skeletons are still.
Skeletons are aria-hidden; announce loading state once via a live region ("Loading results…"), not per-placeholder.