Skip to content

Give icon-only controls an accessible name #165

Description

@RaymondAbiola

Summary

Controls that show only an icon, such as the copy action, have no text for assistive technology to announce. Adding accessible names is a small change with a large effect.

Acceptance criteria

  • Every icon-only control has an accessible name.
  • The names describe the action rather than the icon.
  • The visual layout is unchanged.

Getting started

Fork this repository, clone your fork, and add this repo as upstream:

git clone https://github.com/<your-username>/tricklepay-frontend.git
cd tricklepay-frontend
git remote add upstream https://github.com/TricklePay/tricklepay-frontend.git

Create a branch for this issue:

git checkout -b a11y/issue-165

Suggested commit message:

fix: name icon-only controls

Run npm run lint, npm run typecheck, npm test, and npm run build before opening a pull request and linking this issue.

Activity

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions