Toast
A brief, polite confirmation that something worked.
Show the markup
<button class="cc-button" type="button" onclick="Curbcut.toast('Draft saved.')">Save draft</button>Accessibility
- Toasts land in a persistent
role="status"live region, so screen readers announce them without focus theft. - Each toast has a dismiss button, and the 6-second countdown pauses while the toast is hovered or focused (2.2.1). Pass
{ duration: 0 }to make it persistent. The auto-dismiss is never load-bearing (2.2.3 — the information must also exist in the page). - Confirmations only. Errors needing action use Alert or Error summary.