Official website

of the Commonwealth of Pennsylvania

Components

In-Page Alert

In-page alerts help the user in the context of a single webpage.

Overview

In-page alerts are used on a single webpage. They communicate information that will help the user complete their task on that page.

In-page alerts can notify users of a change in a process, missing information, or required attachments. They can be used in interactive and read-only contexts.

Choose a global alert for critical information or emergency notifications.

Usage

When to use

Use an in-page alert to: 

  • Notify users of errors, missing required fields, and other issues that may prevent a user from submitting a form.
  • Provide important, but not critical, information to a reader.

When not to use

Choose a global alert for critical information or emergency notifications.

Accessibility

  • Choose a variant that matches the severity of the alert.
  • Use a clear and brief alert title.
  • Provide a short, plain-language summary of the event that requires an alert. This should be two sentences or less.
  • Include an end date for the alert (if applicable).
  • Conclude the alert with a link, including link text that describes the destination.

Related components

We want to hear from you

This is a pre-release version of Keystone Design System. If you're a beta tester, we want your bug reports, questions, and feedback.

 

Complete our form to share your thoughts—just log in with your PA.gov email. We'll review and consider every response.