Callout

v4.0.0

Callouts are an excerpt of text or an article that has been pulled out and used as a visual clue to draw the eye to the text. They are used to help direct a user's attention to important pieces of information.

Released

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

Colour impairment

How the callouts are viewed with various colour blindnesses

Example

Grayscale

How the callouts are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with callouts.

Example

Screen readers

Heading level 2, Title of the callout.

Description of the callout.

How the callout demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback