Skip to content

feat(frontend): improve KYC Submission Form - screen reader support a…#996

Merged
emdevelopa merged 1 commit into
emdevelopa:mainfrom
CmxTop:fix/fe-kyc-animations-tests-a11y-optimistic-updates-963-964-965-966
Jun 24, 2026
Merged

feat(frontend): improve KYC Submission Form - screen reader support a…#996
emdevelopa merged 1 commit into
emdevelopa:mainfrom
CmxTop:fix/fe-kyc-animations-tests-a11y-optimistic-updates-963-964-965-966

Conversation

@CmxTop

@CmxTop CmxTop commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

(#963 #964 #965 #966)

  • Add unit tests for KYC Submission Form:
  • Tests for step listitem aria-labels (name + status)
  • Tests for progressbar aria-label including step name
  • Tests for back/next button descriptive aria-labels
  • Tests for validation error message text and aria-describedby linkage
  • Tests for error clearing after valid navigation
  • Tests for idBack and selfie file upload acceptance
  • Tests for idType select and idNumber field updates
  • Tests for review step dash rendering on empty optional fields
  • Tests for submission error alert rendering
    Improve screen reader support for KYC Submission Form:
  • Added STEP_LABEL_KEYS map to resolve step translation keys consistently
  • Step progress listitems now have aria-label with step name and status (completed/current/upcoming)
  • Progressbar aria-label now includes the current step name for better context
  • Navigation announcement now names the destination step, not just the step number
  • Back button aria-label names the step it returns to
  • Next button aria-label names the step it advances to

closes #963
closes #964
closes #965
closes #966

…nd unit tests (emdevelopa#963 emdevelopa#964 emdevelopa#965 emdevelopa#966)

emdevelopa#964 - Add unit tests for KYC Submission Form:
- Tests for step listitem aria-labels (name + status)
- Tests for progressbar aria-label including step name
- Tests for back/next button descriptive aria-labels
- Tests for validation error message text and aria-describedby linkage
- Tests for error clearing after valid navigation
- Tests for idBack and selfie file upload acceptance
- Tests for idType select and idNumber field updates
- Tests for review step dash rendering on empty optional fields
- Tests for submission error alert rendering

emdevelopa#965 - Improve screen reader support for KYC Submission Form:
- Added STEP_LABEL_KEYS map to resolve step translation keys consistently
- Step progress listitems now have aria-label with step name and status (completed/current/upcoming)
- Progressbar aria-label now includes the current step name for better context
- Navigation announcement now names the destination step, not just the step number
- Back button aria-label names the step it returns to
- Next button aria-label names the step it advances to

Issues emdevelopa#963 and emdevelopa#966 addressed by fellow contributor.
@vercel

vercel Bot commented Jun 24, 2026

Copy link
Copy Markdown

@CmxTop is attempting to deploy a commit to the Emmanuel's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jun 24, 2026

Copy link
Copy Markdown

@CmxTop Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@emdevelopa emdevelopa merged commit e50de18 into emdevelopa:main Jun 24, 2026
1 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants