Checkbox Example 1

Uses background images for graphically displaying button state

Example

Example using in-line ARIA markup | HTML source with in-line ARIA
Example using ARIA markup from CLASS attribute information | HTML source of ARIA markup from CLASS attribute

Sandwich Condiments

Lettuce
Tomato
Mustard
Sprouts

Keyboard Shortcuts

Tab: Move between checkbox items.
Space: Toggle aria-checked state of checkbox with keyboard focus.

ARIA Roles and Properties

role="checkbox"
role="group"
role="description"
States and properties:
- aria-checked
- aria-describedby
- aria-labelledby

ARIA Examples