π Description
The create-wizard step components β CreateCommitmentStepSelectType.tsx,
CreateCommitmentStepConfigure.tsx, and CreateCommitmentStepReview.tsx β drive
a multi-step form but lack accessibility-focused tests. Form labelling, error
association, and focus management on step changes are critical for keyboard and
screen-reader users.
π― Requirements and Context
- Verify each input has an associated label and
aria-describedby for errors.
- Verify focus moves to the first error or step heading on navigation.
- Verify
aria-invalid toggles with validation.
- Confirm the review step exposes editable section links accessibly.
π οΈ Suggested Execution
1. Fork the repo and create a branch
git checkout -b test/create-wizard-a11y
2. Implement changes
- Add
src/components/CreateCommitmentStepSelectType.test.tsx,
CreateCommitmentStepReview.test.tsx, and an a11y-focused suite for the
configure step with Vitest + RTL; apply minimal a11y fixes uncovered by tests.
- Add
docs/accessibility/CREATE_WIZARD_A11Y.md documenting requirements met.
- Validate keyboard-only completion of the wizard.
3. Test and commit
- Run
pnpm test.
- Cover edge cases: validation errors, focus-on-error, editing from review,
back navigation focus.
Example commit message
test: accessibility coverage and fixes for create wizard steps
β
Guidelines
- Minimum 95% test coverage on the step components.
- Clear, reviewer-friendly documentation.
- Timeframe: 96 hours.
π·οΈ Labels
type-testing Β· type-security Β· area-frontend Β· MAYBE REWARDED Β·
GRANTFOX OSS Β· OFFICIAL CAMPAIGN
π¬ Community & Support
- Join the CommitLabs contributor Discord to coordinate and get unblocked fast:
https://discord.gg/WV7tdYkJk
- Introduce yourself before starting so we can avoid duplicate work and pair you
with a reviewer. Maintainers triage actively and review fast.
π Description
The create-wizard step components β
CreateCommitmentStepSelectType.tsx,CreateCommitmentStepConfigure.tsx, andCreateCommitmentStepReview.tsxβ drivea multi-step form but lack accessibility-focused tests. Form labelling, error
association, and focus management on step changes are critical for keyboard and
screen-reader users.
π― Requirements and Context
aria-describedbyfor errors.aria-invalidtoggles with validation.π οΈ Suggested Execution
1. Fork the repo and create a branch
2. Implement changes
src/components/CreateCommitmentStepSelectType.test.tsx,CreateCommitmentStepReview.test.tsx, and an a11y-focused suite for theconfigure step with Vitest + RTL; apply minimal a11y fixes uncovered by tests.
docs/accessibility/CREATE_WIZARD_A11Y.mddocumenting requirements met.3. Test and commit
pnpm test.back navigation focus.
Example commit message
β Guidelines
π·οΈ Labels
type-testingΒ·type-securityΒ·area-frontendΒ·MAYBE REWARDEDΒ·GRANTFOX OSSΒ·OFFICIAL CAMPAIGNπ¬ Community & Support
https://discord.gg/WV7tdYkJk
with a reviewer. Maintainers triage actively and review fast.