A toggle button is similar to a checkbox, it can be toggled between two states active or not active. It allows users to control their preferences by switching on/off button.


  • Always associate a label to every toggle button for good accessibility. Do not include a colon at the end of the label.
  • When the toggle has focus, pressing the spacebar key should toggle the value.
  • It should have an aria-disabled='true' attribute if the button is disabled.

EOS Accessibility checklist

We have developed an extensive checklist based on the Web Content Accessibility Guidelines (WCAG). Please have a look at the EOS Accessibility checklist.