Skip to content

fix(a11y): add accessible labels to AddContact form inputs (#10) - #105

Open
ghzhost wants to merge 1 commit into
StellarSend:mainfrom
ghzhost:fix/contact-inputs-accessible-labels-10
Open

fix(a11y): add accessible labels to AddContact form inputs (#10)#105
ghzhost wants to merge 1 commit into
StellarSend:mainfrom
ghzhost:fix/contact-inputs-accessible-labels-10

Conversation

@ghzhost

@ghzhost ghzhost commented Sep 3, 2026

Copy link
Copy Markdown

Summary

Resolves #10 by adding accessible label associations to the inputs in src/components/ContactBook/AddContact.tsx.

Changes

  • Wrapped Contact name and Stellar address label elements using VisuallyHidden with proper htmlFor pointing to id="contact-name" and id="contact-address".
  • Added aria-invalid and aria-describedby linking input fields to their respective validation error messages.
  • Added comprehensive unit tests in src/components/ContactBook/AddContact.test.tsx verifying label queries and validation behavior.

Validation

  • Vitest unit tests pass with 2/2 test cases passing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Form inputs in AddContact and RecipientStep lack associated label elements

1 participant