Skip to content

.tip

· one of the small things

A live region announces the status your spinner only shows

A spinner that turns into "Saved" only happens visually, so a screen reader says nothing at all. Text inside a live region does get read out, as long as the region was already in the DOM, and empty, when the text arrived.

<p role="status">{status}</p>

role="status" means aria-live="polite", so it waits for a pause in speech. Render the element empty on first paint and set status when the request finishes. If the element and its text mount together, most screen readers stay quiet.

accessibilityfrontend