W3.CSSLesson 29Free preview

W3.CSS Alerts

This lesson is part of W3.CSS · All levels

Summary

A warning is a short message that informs the user of a situation, such as a stored data, invalid form, or a disconnected connection. It provides a class w3-alert and its color variants to make the immediate message appear prominent. A good message is brief, specific, and comes at the right time. (W3.CSS)

Key points

W3-alert wrapped a short message in color
Color signals: green for success, red for failure, yellow for attention
'alert' helps the screen reader announce the message
The alarm should be temporarily turned on and then hidden back.
Too many alerts at once to make the user ignore it.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.