This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!
- Home /
- Component /
- Checkbox /
- Accessibility
Checkbox
A checkbox is a form element that allows users to select one or multiple options from a list.
Status
work in progressform
Accessibility
To make it easier for users to use the checkbox, the checkbox label should also be clickable. From accessibility perspective it is recommended to place checkboxes vertically to make it more obvious which label corresponds to which option.
Review
Result from the latest accessibility review of the component (Chlorophyll, React): 2023-05-05
- Notes: Should most often only be used vertically
- Visual: Hover on selected fixed in latest version
- Contrast: good
- Colour-blindness: good
- Dark-mode: n/a
- Code + aria: ok
- Touch + keyboard: good
- Focus: ok - need new style
- Reader: ok - should have better example text