Skip to content

a11y: label api key create form#177

Open
es3298 wants to merge 1 commit into
StableRoute-Org:mainfrom
es3298:a11y/api-keys-label-123
Open

a11y: label api key create form#177
es3298 wants to merge 1 commit into
StableRoute-Org:mainfrom
es3298:a11y/api-keys-label-123

Conversation

@es3298

@es3298 es3298 commented Jul 5, 2026

Copy link
Copy Markdown

Summary

  • replace the API key label input's placeholder/aria-label-only treatment with the shared TextField component
  • group the create controls in a labelled fieldset so assistive tech exposes the form purpose
  • reuse the shared Button styling and document the accessibility behavior
  • add focused tests for the labelled group, associated field label, and successful create flow/status announcement

Closes #123

Validation

  • npm test -- src/app/api-keys/page.test.tsx --runInBand
  • npm run lint
  • git diff --check

Notes

  • npm run build is still blocked by the existing upstream src/app/quote/Client.tsx assetsDiffer type error.
  • npm test -- --runInBand is still blocked by existing upstream assetsDiffer quote test failures and the existing theme storage no-op expectation failure.

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.

Give the API keys label-only form an accessible field label and grouping

2 participants