Save status
A short text line for the save state supplied by an editor. This page is a presentation simulation; its controls set explicit example states and do not save anything.
Color scheme
Inherited follows the browser’s color scheme. Light and dark set a local example scheme.
Proposal text editor simulation
Ready
No new save has been confirmed.
Explicit scenario controls
Each control supplies a state, label and separate supporting instruction directly. No scenario waits for a request or timeout.
Second independent editor simulation
Saving…
Its state is independent of the proposal editor.
Markup contract
<div role="status"
aria-atomic="true">
<p class="save-status"
data-save-status
data-save-state="saved">
Text saved
</p>
<p>Rules and collaborators
still need saving.</p>
</div>The host updates the state attribute and visible label together when its own save result changes. Keep the node in place. A scope-specific label such as “Text saved” can use the same saved state; put “Rules and collaborators still need saving” in a separate supporting element inside the same status region so both messages are announced together. Keep publish and Done editing controls separate.