Skip to content

Add an inline live-region status note to the new-pair form submission #153

Description

@mikewheeleer

Add an inline live-region status note to the new-pair form submission

Description

On submit, src/app/pairs/new/page.tsx flips the button to "Saving…" and, on success, navigates away — but screen-reader users get no announcement that the save is in progress or succeeded; only the error path uses role="alert". This issue adds a polite live-region status so the pending and success states are announced before navigation.

Requirements and context

  • Repository scope: StableRoute-Org/Stableroute-frontend only.
  • Add an aria-live="polite" status node that announces "Registering pair…" while pending and a brief success message before the redirect runs.
  • Keep the existing role="alert" error path unchanged; do not announce success and error simultaneously.
  • Ensure the status node is present in the DOM before its content updates so the announcement is reliable.

Suggested execution

  • Fork the repo and create a branch
  • git checkout -b a11y/new-pair-status-live-region
  • Implement changes
  • Test and commit

Test and commit

  • Run npm run lint, npm test, and npm run build.

Example commit message

a11y: announce new-pair submission status via a polite live region

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 for questions, reviews, and faster merges: 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 — if this issue and the maintainers helped you ship, we'd be grateful for a 5-star rating. Clear questions in Discord and tidy, well-tested PRs are the fastest path to a merge and a reward.

Metadata

Metadata

Assignees

No one assigned

    Fields

    No fields configured for Feature.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions