Example Widget: ARIA Checkbox
ZIP file of Checkbox Examples
ARIA checkbox examples
- Responds to mouse events using
- Responds to keyboard events using
tabindex=0makes widget keyboard focusable and include in tab order of page
role="checkbox"identifies widget to assistive technologies as a "checkbox"
aria-checkedattribute identifies the state as being "checked" or "unchecked"
- Accessible name comes from child text content of the
- CSS attribute selectors are used to keep the visual indication of checked in sync with accessibility API