What is a toast notification in UX design?
A toast notification is a small, temporary message that appears briefly at the edge of the screen to communicate feedback about a completed action or a system event. Toasts are non-blocking, meaning they appear without requiring user interaction and disappear automatically after a defined duration. They are commonly used to confirm that an action completed successfully, report a non-critical error, or surface background system events without interrupting the user's current task.
When should you use toast notifications in UX design?
Toasts are appropriate for confirming actions that have already completed and cannot be undone without additional steps, such as "File saved" or "Message sent." They work for low-priority system events that users may want to know about but do not need to act on immediately. Toasts are not appropriate for critical errors that require user action to resolve, for important information that users must read before continuing, or for actions that can be undone where an undo mechanism would be valuable.
How long should a toast notification display?
Toast notifications should display long enough for users to read them comfortably, typically between three and five seconds depending on the length of the message. Longer messages require more display time. Toasts containing actionable elements like an undo button should remain visible long enough for users to act, commonly five to eight seconds. Providing a manual dismiss control allows users who read slowly or who have cognitive differences to dismiss the toast on their own schedule rather than waiting for it to time out.
What are the accessibility requirements for toast notifications?
Toasts must be announced to screen reader users using ARIA live regions. A polite live region is appropriate for confirmations and non-critical messages. An assertive live region should be reserved for urgent alerts. Toasts must not rely solely on color to communicate meaning. Automatic dismissal must not prevent users from reading the content, which is why a manual close button and sufficient display duration are important. Auto-dismissing toasts that contain actionable elements such as undo buttons create significant usability problems for users who rely on keyboard navigation.