Page alerts

v3.0.0

Page alerts are used to notify users of important information or changes on a page, in a way that attracts the user's attention without interrupting the user's task. Typically they appear at the top of a page following a submit action.

Released

History
View changes
Install
npm i @gold.au/page-alerts
Tags
Requires
Contributors
  • Alex Page avatar picture
  • Julian Fleetwood avatar picture
  • Simon Pascal Klein avatar picture
  • Gary Broadbent avatar picture
  • Dominik Wilkowski avatar picture
  • Trevor Brennan avatar picture
  • Patrick De Young avatar picture

Colour impairment

How the page alerts are viewed with various colour blindnesses

Example

Grayscale

How the page alerts are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with page alerts.

Example

Screen readers

[Heading level 3] Alert title.

Alert Content [link] link.

How the page alerts demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Feedback