A section notice conveys either system status and feedback to users about their actions and options or, for educational section notices, contextually educates users about programs, features and opportunities.

To aid discoverabilty for assistive technology, each section notice is a labelled landmark region.

Status Section Notice

A status-based section notice has a 16x16 icon representing confirmation, attention or information.

Titled Section Notice

Use a heading element to create a titled section notice.

Dismissable Section Notice

A close button can be placed in a section-notice__footer element.

Actionable Section Notice

Link or button actions can be placed in a section-notice__cta element.