Skip to content

fix(a11y): add aria-labels to icon-only wallet and header controls - #142

Open
nova-loop wants to merge 1 commit into
LintError:mainfrom
nova-loop:fix/aria-labels-icon-buttons
Open

nova-loop wants to merge 1 commit into
LintError:mainfrom
nova-loop:fix/aria-labels-icon-buttons

Conversation

@nova-loop

Copy link
Copy Markdown

Summary

Icon-only controls in the Stellar wallet (copy public/secret key, secret-key visibility toggle) had no accessible names. This PR adds aria-labels, type=\"button\", and aria-pressed on the visibility toggle. Header theme/menu buttons already had labels; those are clarified with state (aria-pressed / aria-expanded).

Closes #88

Out of scope

Testing

  • npm test — 16 passed (existing stellar util suite)
  • Manual review of the three icon-only wallet buttons and Header toggles for label/pressed/expanded attributes
  • Screen-reader / axe pass not run in this environment (no AT attached); happy to adjust labels on review feedback

Closes LintError#88

Give the public/secret copy buttons and secret-key visibility toggle
accessible names (and aria-pressed on the toggle). Clarify Header theme
and menu button labels with aria-pressed / aria-expanded. Leave Eye icon
swap for LintError#90 and Input labels for LintError#89.

This branch has not been deployed

No deployments
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.

Add aria-labels to icon-only buttons

1 participant