Control input

v4.0.0

Control inputs help users input one or more selections from multiple options. Our control inputs consist of checkboxes and radio buttons.

Released

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

Colour impairment

How the control inputs are viewed with various colour blindnesses

Example

Grayscale

How the control inputs are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with control inputs.

Example

Screen readers

Phone [unchecked tickbox].

Tablet [checked tickbox].

Phone [Radio button one of two].

Tablet [selected radio button two of two].

How the control input demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.