Art, design & a little curiosity
Accessible design ↗

Announce status changes without moving focus unnecessarily

Plan visible and assistive-technology feedback for saved references, filter updates, and failed actions, balancing useful announcements with focus continuity and avoiding repeated or misleading messages.

An original two-ink print study exploring accessible status messages.
Two-ink print / Original digital study

Convey updates without losing the person's place

A person who cannot see a small status message still needs to know when an action succeeds or fails. At the same time, moving focus after every update can interrupt the task. Design status communication as part of the interaction: what changed, how consequential it is, and how the person will discover it.

Keep a visible message that accurately reflects the state and plan an appropriate programmatic announcement for updates that should be conveyed without focus. W3C's status-message guidance explains the distinction. Reserve interruptive treatment for cases that actually need it. Announcing every decorative change can make a usable page noisy and difficult to follow. Write the rule as a short contract between the person and the interface: an action has a visible consequence, that consequence has a recognizable state, and the next action remains possible. Sketch the ordinary path and one interruption beside it. This exposes missing information earlier than polishing a single screen. Keep the labels in the sketch close to the eventual product language so that unclear words cannot hide behind annotation.

Announce saves, filters, and failures

Prototype saving a reference, applying a filter, and receiving a save failure. Write the visible message and the intended announcement for each. Preserve the focused control during an ordinary filter update. Decide what happens when several saves occur quickly so the announcements remain accurate and do not repeat stale information. Make a paper walkthrough with one card for each important state. Add a second set of cards for an interruption, a changed answer, and a return visit. Someone else should be able to operate the cards using only the visible instructions. Where they need hidden knowledge, note the missing information instead of teaching the intended path. Revise the cards before spending time on detailed visual treatment.

Prevent missing and excessive announcements

A message inserted into the wrong implementation structure may never be announced, while an overly broad announcement region may read the entire result list repeatedly. A success announcement can also race ahead of the stored state. Test the working behavior rather than relying on an annotation that says screen reader support. Read every instruction while pretending the preceding explanation was missed. People arrive from links, resume after breaks, and move through content in different ways. Put the necessary context where the action happens. If the same problem recurs in several places, revise the underlying pattern instead of adding a separate warning to each instance. Shared causes usually deserve a coherent design response.

Listen to the complete task

Review with representative assistive technology and a real task, alongside visible feedback and keyboard behavior. Listen for missing, duplicated, delayed, or misleading information. Record the configuration used and the limits of the check. A good status design keeps people informed while preserving their place, and it remains truthful when the operation fails or a newer action supersedes it.

A worked example

Worked decision

A filter update can retain focus on Apply while communicating the new result state; it should not repeatedly announce the entire collection.

References & further reading

Examples and exercises in this guide are original teaching scenarios.

Keep following the thread.

More accessible design ↗

Write alt text for artwork in context

Choose image alternatives by the purpose of an artwork image, its surrounding text, and the reader's task, using concise examples without inventing visual details or replacing needed long descriptions.