Selection Controls

Checkboxes, radio buttons, and toggle switches for user selections. All controls meet WCAG 2.1 Level AA with proper keyboard navigation and screen reader support.

Checkboxes

Default checkboxChecked checkboxDisabled checkboxDisabled checked

Radio Buttons

Option 1 (selected)Option 2Option 3Disabled option

Toggle Switches

Off

On

Disabled

Control Sizes

Small

Small checkboxSmall radio

Medium (Default)

Medium checkboxMedium radio

Accessibility Guidelines

✓

Keyboard NavigationSpace toggles selection, Arrow keys navigate radio groups.

✓

Focus IndicatorsClear visible focus ring with 3:1 contrast ratio.

✓

Label AssociationClicking labels activates the associated control.

✓

State AnnouncementsScreen readers announce checked/unchecked states.