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

Use 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 the initial release of the Keystone Design System. If you're an early user, 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.