Toaster messages in web interface

1. What is a toaster on webpage?
2. What is a toast message in UI?
3. What are toaster messages?
4. How do I make my toast messages accessible?

What is a toaster on webpage?

A Toaster dialogue in BlueConic is a content window that slides a message into view from one of the borders of the page or app. Your message will stay in view even as the visitor scrolls down the page.

What is a toast message in UI?

A toast provides simple feedback about an operation in a small popup. It only fills the amount of space required for the message and the current activity remains visible and interactive. Toasts automatically disappear after a timeout.

What are toaster messages?

An Example

When you send messages from the Gmail application, a toast message appears saying “Sending…”. Once the email is sent, the Toast message changes to “Message sent.” The image below is a screen grab of a Toast message in the Gmail Android application.

How do I make my toast messages accessible?

Make Your Toast Messages as Brief as Possible

Most users can't read a paragraph in a few seconds. So if your toasts are disappearing before users can finish reading them, you're probably displaying too much text. Your toasts should contain no more than 1-2 lines of text. They should also be between 240-360 pixels wide.