Checkbox Example 3

An example using the title attribute to provide an accessible name.

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 currently focused checkbox.

ARIA Roles and Properties

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

ARIA Examples