Accessibility Guide
Complete guide and reference for Accessibility in toastory.
This guide provides the complete documentation, configuration options, and implementation patterns for Accessibility in toastory.
---
Overview
toastory provides a unified API contract across all supported platforms (plain JavaScript, React, Next.js, Vue, Nuxt, Angular, Svelte, and React Native).
All feedback components share identical options, Apple-style frosted glass tokens, and WCAG 2.2 AA accessibility features.
// Interactive demonstration
toast.info('Exploring Accessibility', {
description: 'Zero runtime dependencies with 21 responsive themes.'
});
`
---
Best Practices & Accessibility
1. Live Regions: Ensure notifications announce politely via aria-live="polite" or assertively via aria-live="assertive" for urgent errors.
2. Keyboard Navigation: Users can press Alt+T at any time to focus into the toast container or press Escape to dismiss active dialogs.
3. Reduced Motion: All spring physics and keyframe spins automatically degrade to instant opacity fades when prefers-reduced-motion: reduce is enabled.
Want to test these options live?
Launch the interactive playground to experiment with themes, positions, and live generators.