Skip to content

fix(a11y): label icon-only controls#114

Open
Yurii214 wants to merge 1 commit into
entrius:testfrom
Yurii214:fix/30-icon-button-accessible-names
Open

fix(a11y): label icon-only controls#114
Yurii214 wants to merge 1 commit into
entrius:testfrom
Yurii214:fix/30-icon-button-accessible-names

Conversation

@Yurii214
Copy link
Copy Markdown

@Yurii214 Yurii214 commented Jun 7, 2026

Summary

  • Add explicit aria-labels to tooltip-only icon controls so screen readers announce their purpose.
  • Make the theme toggle label reflect the destination state (Switch to dark mode / Switch to light mode).
  • Cover related icon-only copy/social/dashboard controls while preserving the existing tooltips and visuals.

Fixes #30

Test plan

  • npm run lint
  • npm run build
  • Verified all IconButton instances in src/**/*.tsx now have an aria-label.

Notes

No before/after media is attached because this change only adds accessibility metadata; it does not alter rendered layout, styling, or visible UI.

Made with Cursor

Add explicit accessible names to tooltip-only icon controls so assistive tech announces their purpose without relying on visual tooltips.

Co-authored-by: Cursor <cursoragent@cursor.com>
@xiao-xiao-mao xiao-xiao-mao Bot added the enhancement New feature or request label Jun 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Icon-only buttons have no accessible name

2 participants