• Success Criterion 4.1.3
  • Conformance level AA

Chat Typing Indicator With No Programmatic Status Update

4.1.3 — Status Messages

Scenario

Setting

A photo-sharing app's upload screen

What’s wrong

Chat "typing…" or new-message indicators without programmatic status (where they don't take focus).

Example 

<div class="collab-indicator">Jamie is adding photos...</div>
<!-- appears and disappears via a CSS class toggle whenever a collaborator uploads to the shared album,
     with no aria-live and no role -->

Why it matters

A user uploading to a shared album never hears that a collaborator is adding photos at the same time, and might duplicate their choices.

How to test

Trigger a chat 'typing…' indicator or new-message notification with a screen reader running: if it's not announced and doesn't take focus either, it fails.

How to fix

Keep this kind of ambient update as aria-live="polite" so it never interrupts the user's own upload flow.

<div class="collab-indicator" role="status" aria-live="polite">Jamie is adding photos...</div>

Outcome

A user hears that Jamie just started adding photos and picks a different set to upload.

Who is affected

Screen reader users co-editing a shared photo album miss live activity from other collaborators.

Learn more

Related scenarios