States and Properties: expanded, checked, disabled
Communicate the current condition of a control.
Beyond What, Toward How
A role says what an element is. States and properties say how it currently behaves: is it open, checked, busy, or off-limits?
States Change, Properties Mostly Stay
A state shifts as the user interacts, like expanded toggling. A property tends to stay put, like a control's required flag.
All lessons in this course
- The First Rule: No ARIA Beats Bad ARIA
- Roles Define What a Thing Is
- States and Properties: expanded, checked, disabled
- Reading the Accessibility Tree to Debug ARIA