Skip to content

Add accessibility tests and fixes for the create wizard step components (forms, errors, focus)Β #651

Description

@1nonlypiece

πŸ“Œ 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    GRANTFOX OSSGrantFox open-source campaignMAYBE REWARDEDEligible for GrantFox rewardOFFICIAL CAMPAIGNOfficial GrantFox campaign issueStellar WaveIssues in the Stellar wave programarea-frontendFrontend / UI worktype-securitySecurity review / hardeningtype-testingTests and test coverage

    Type

    No fields configured for Task.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions