Skip to main content

Session Timeout

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

More in Figma

Initial warning messageTimeout notification
Initial warning messageTimeout notification

Do and Don’t

DoDon'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).
Last modified