Announcements

About this component

Announcements display below the header on all pages of the pcc.edu website. Unlike alert messages, the information in announcements is not broadcast via other communication channels.

Announcements are posted by Web Team staff upon direction from college administrators.

Guidelines
  • Announcements are commonly used for cases such as unplanned building (but not campus) closures.
  • Announcements are not displayed for closures due to scheduled events, such as national holidays, unless the closure is new or different from past years.
  • Announcements must be relevant to a broad PCC audience.
  • Announcements often display for a longer amount of time than alert messages generally do, and both alerts and announcements can display at the same time.
  • The homepage committee meets bi-weekly and will plan for upcoming known announcement needs. This committee also assesses requests for announcements if concerns about usage arise.
Styling

When an alert is issued, a notice will appear as an orange bar with white text below the header on all pages of the pcc.edu website. The announcement includes summary text that optionally links to alert.pcc.edu for additional details.

How to use for Announcements

Only the Web Team and certain other stakeholders have access to the college alert system.

Development info for Announcements

Stylesheet location: /_source/styles/components/_alerts.scss

Learn about posting announcements in spaces. Once the post is published in the alert system, the orange bar with the message will appear after a few minutes.

<div id="alert-announcement" role="complementary" aria-label="Urgent announcement">
  <p>Announcement message</p>
</div>
Example of Announcements

Orange announcement bar screenshot