dta.gov.au

The .gov.au means it’s official

Australian government websites always use a .gov.au domain. Before sharing sensitive information online, make sure you’re on a .gov.au site by inspecting your browser’s address (or 'location') bar.

This site is secure.

The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Buttons

v3.0.7

Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them.

Released

History
View changes
Install
npm i @gov.au/buttons
Tags
Requires
Contributors
  • Patrick De Young avatar picture
  • Trevor Brennan avatar picture
  • Julian Fleetwood avatar picture
  • Dominik Wilkowski avatar picture
  • Petra Gulicher avatar picture
  • Hannah J. Nicdao avatar picture
  • Gary Broadbent avatar picture
  • Alexander Sadleir avatar picture
  • Alex Page avatar picture
  • Simon Pascal Klein avatar picture

Colour impairment

How the buttons are viewed with various colour blindnesses

Example

Grayscale

How the buttons are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with buttons.

Example

Screen readers

Primary button [button].

Secondary button [button].

Tertiary button [button].

How the buttons demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.