Skip to content

Add aria-labels to icon-only buttons in settings #70

Description

@nbkdoesntknowcoding

Icon-only buttons in the settings screens (copy, delete, menu toggles) lack accessible names, so screen readers announce them as unlabeled "button".

Where: apps/web/src/components/settings/ApiKeys.tsx, apps/web/src/components/settings/DevSettings.tsx (and nearby settings components)

What to do: Add aria-label (and a matching title for a hover tooltip) to each icon-only button — e.g. the copy button → aria-label="Copy API key", delete → aria-label="Delete API key".

Done when: every icon-only button in those files has an aria-label.

Size: M


New here? The README has a ~90-second self-host quickstart to run the app locally. Comment on the issue if you want pointers — happy to help.

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilitya11y — keyboard, screen-reader, contrasthelp-wantedExtra attention is welcomesize/MMedium: a day or souiFrontend / UI / UX work

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions