Skip to content

Announce forms updates through an aria-live region #560

Description

@mikewheeleer

Announce forms changes to assistive tech

Description

When forms content updates, screen-reader users receive no feedback. This issue adds a polite live-region announcement.

Requirements and context

  • Repository scope: StableRoute-Org/Stableroute-frontend only.
  • Announce the meaningful forms change (count/status) via a polite live region.
  • Debounce so rapid updates do not spam the queue; do not announce on mount.
  • No change to the underlying logic.

Suggested execution

  • Fork the repo and create a branch
  • git checkout -b a11y/forms-01-live
  • Implement changes
    • Write code in: the relevant module.
    • Write comprehensive tests in: cover the new behaviour and edge cases.
  • Test and commit

Test and commit

  • Run npm run lint, npm test, and npm run build.
  • Cover edge cases: rapid successive updates, zero results.
  • Include the full test output in the PR description.

Example commit message

a11y(forms): announce updates politely

Guidelines

  • Minimum 95 percent test coverage for impacted modules.
  • Clear, reviewer-focused documentation.
  • Timeframe: 96 hours.

Community & contribution rewards

  • 💬 Join the StableRoute community on Discord: https://discord.gg/37aCpusvx
  • ⭐ This is a GrantFox OSS / Official Campaign task and may be rewarded. When your PR is merged you'll be prompted to rate the project — a 5-star rating is much appreciated.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions