Accessibility
Accessible actions expose state and meaning
- Buttons need clear accessible names.
- Toggle buttons need state, not just color.
- Errors need labels, relationships, and non-color cues.
Weak versus strong
Button
Weak
Icon-only button with no name.
Strong
Text or accessible name says the action.
Toggle
Weak
Only color changes.
Strong
State is exposed as pressed, selected, on, or off.
Error
Weak
Only a red border appears.
Strong
Field is marked invalid and linked to the error message.