Design Principle
State changes conveyed only by color, toast, or visual movement can be missed by some users.
Principle State changes conveyed only by color, toast, or visual movement can be missed by some users.
Design action Provide visible text for key state changes; use semantic live regions where needed, naming the object, state, and next step.
Examples Positive example: Search suggestions, save states, generation progress, form validation, and filter results change without page refresh. Counterexample: Result count changes without text feedback.
Apply when Search suggestions, save states, generation progress, form validation, and filter results change without page refresh. Users need to judge state, scope, risk, or next action quickly.
Source notes Source note: Synthesized from W3C WCAG 2.2, Apple Accessibility, IBM Carbon Accessibility, and accessibility practices in major design systems.
Agent Directive
Provide visible text for key state changes; use semantic live regions where needed, naming the object, state, and next step.