Official website

of the Commonwealth of Pennsylvania

Components

Global Alert

A global alert appears at the top of every page across a website.

Overview

Global alerts are used across every page of a website, while in-page alerts can be limited to a single page. 

Choose a global alert for critical information or emergency notifications. Keep the alert brief so it can be quickly read, then link to a webpage with more information.

Usage

When to use

Use global alerts for critical information. Limit their usage and remove the alert as soon as the event has ended.

When not to use

Avoid global alerts for information that only applies to a single page or process. In-page alerts are designed to provide these messages in context.

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.