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.
Add an inline live-region status note to the new-pair form submission
Description
On submit,
src/app/pairs/new/page.tsxflips 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 usesrole="alert". This issue adds a polite live-region status so the pending and success states are announced before navigation.Requirements and context
aria-live="polite"status node that announces "Registering pair…" while pending and a brief success message before the redirect runs.role="alert"error path unchanged; do not announce success and error simultaneously.Suggested execution
git checkout -b a11y/new-pair-status-live-regionsrc/app/pairs/new/page.tsx.src/app/pairs/new/page.test.tsx— pending announcement, success announcement, and that the error path stays an alert.README.md.aria-liveregion content via queries.Test and commit
npm run lint,npm test, andnpm run build.Example commit message
a11y: announce new-pair submission status via a polite live regionGuidelines
Community & contribution rewards