generative-a11y

See the library at work

Run response, tool, retry, and approval scenarios through the real runtime and DOM packages.

Follow each app event, runtime update, and browser result. The transcript confirms what the library added to the page. Test with a real screen reader to confirm what it speaks.

What the lifecycle lab demonstrates

  • Streaming response: paced updates instead of token-by-token announcements.
  • Tool execution: concise progress and result updates tied to one tool identity.
  • Approval request: higher-priority requests for input without moving focus.
  • Failure and retry: terminal and retry events remain attached to the response that produced them.

Set up the packages · Read the core API · Configure attention controls · View source on GitHub

01

Your app

Your existing interface

Prepare a release report and ask before publishing.

Choose a scenario. Your app's response will appear here, with screen-reader updates beside it.

prepare_release_reportIdle

generative-a11y leaves this interface and its focus behavior unchanged.

02

Accessibility layer

Screen-reader updates

  1. Choose a scenario to see the updates.
Latest browser updateWaiting

Browser results confirm the page update. Test with a real screen reader to confirm what it speaks.

Event timeline

Follow each response and tool from start to finish.

0 events
TimeEventIdentityObserved result
Choose a scenario to fill the timeline.
Runtime diagnostics (0)
    Preparing installed framework examples...