dynaura

Accessibility

Toasts are announced politely, controls are keyboard reachable, and motion respects your visitors' settings.

Built in

  • The island has role="status" and aria-live="polite".
  • Action buttons are keyboard focusable, with a visible focus ring.
  • Under prefers-reduced-motion: reduce, motion is cut to near-instant. Loading spinners keep spinning.
  • Rolling digits expose their value through aria-label.
  • Text is rendered as text. Toast strings can never inject HTML.

Browser support

Modern evergreen browsers. The morph uses CSS linear() easing (Chrome 113+, Safari 17.2+, Firefox 112+) and color-mix(). Older browsers fall back to a bounce curve. Without color-mix() support, tinted backgrounds fall back to a neutral tint.

Tested in Chrome and WebKit with Playwright. Firefox has not been verified yet.