Spinner
An in-progress indicator, always paired with text.
Generating the accessible page…
Show the markup
<p class="cc-loading" role="status"><span class="cc-spinner" aria-hidden="true"></span> Generating the accessible page…</p>Accessibility
- The spinner itself is decorative; the text in the
role="status"region is the announcement. - Under
prefers-reduced-motionthe rotation stops and the ring renders statically. - Past a few seconds, say what's happening and how long it might take — silence reads as breakage.