Slider Example 1

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

Slider Control 1

Slider Control 2

Keyboard Shortcuts

Left / Down: Decrease (one unit)
Right / Up: Increase (one unit)
PgUp / Pgdown: Large change (10 units)
Home: Set slider to minimum
End: Set slider to maximum
Tab: Navigate away from slider

ARIA Roles and Properties

Role: role="slider"
States and properties:
- aria-labeledby
- aria-valuenow
- aria-valuemax
- aria-valuemin

ARIA Examples