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
  • Simon Pascal Klein avatar picture
  • Dominik Wilkowski avatar picture
  • Alexander Sadleir avatar picture
  • Trevor Brennan avatar picture
  • Gary Broadbent avatar picture
  • Patrick De Young avatar picture
  • Petra Gulicher avatar picture
  • Hannah J. Nicdao avatar picture
  • Alex Page avatar picture
  • Julian Fleetwood 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.