Must haves
Time-out notifications allow at least 20 seconds for the user to modify or extend the interaction time period using a simple keypress.
Tip: This is usually done with a simple modal dialog
Learn more about session timeout.
Visual Example
| Initial warning message | Timeout notification |
|---|---|
 |  |
Do and Don’t
| Do | Don't |
|---|---|
| A modal dialog appears and draws focus immediately. There is a short message about the upcoming timeout and a button to extend the session. | Session times out with no warning or the warning is provided in an inaccessible manner (for example, a toast message that does not draw focus and does not provide an immediate action to extend the time). |
