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
spacebarkey 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.