Related Pages: Message Popups, Dialogs

Description

A popup is a window which appears over the primary screen. It usually appears as a result of a user action, such as clicking a help icon. A popup must be dismissed by the user before returning to the primary screen.

Types

Type	Usage	Example
Message Popups	To display warnings, error messages, and important information.
Dialogs	To collect information from the user, or to allow them to make decisions.

...

• A popup window usually appears as a results of a user action, such as clicking a button, icon, or link.

Structure

A popup window may contain:

• A colored header, including:

  • a title.

  • a closing button (X)

  • a help button

• A content area, which may contain text, inputs and controls.

• Buttons, including:

  • a primary action button.

  • a secondary action button, if relevant.

  • other action buttons, if relevant.

The popup appears over a semi-transparent background.

...

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

Design

See Message Popups and Dialogs.

Code

See Message Popups and Dialogs.