Skip to content

fix(a11y): add accessible names to icon-only buttons#79

Merged
balajmarius merged 1 commit into
mainfrom
fix/a11y-button-accessible-names
May 27, 2026
Merged

fix(a11y): add accessible names to icon-only buttons#79
balajmarius merged 1 commit into
mainfrom
fix/a11y-button-accessible-names

Conversation

@ErolP18
Copy link
Copy Markdown
Collaborator

@ErolP18 ErolP18 commented May 27, 2026

Lighthouse flagged five buttons with no accessible name in the home page featured threads section. Screen readers were announcing them as just "button".

  • Carousel prev/next buttons: add aria-label via i18n (featuredThreadsPrevious / featuredThreadsNext) since the buttons are real controls that scroll the embla carousel.
  • CardActions: convert from to . The element has no onClick and is rendered inside a , so it was a purely decorative arrow indicator. Treating it as a button also created an invalid nested-interactive (button inside link), an extra focus stop, and the missing accessible name. Making it a non-interactive, aria-hidden span fixes all three.

Summary

Brief description of changes.

Changes

  • Change 1
  • Change 2

Claudebin Session

🔗 Session Link

Testing

How did you test this?

Checklist

  • bun check passes
  • bun type-check passes
  • Tested locally
  • Claudebin session link attached

Lighthouse flagged five buttons with no accessible name in the home
page featured threads section. Screen readers were announcing them as
just "button".

- Carousel prev/next buttons: add aria-label via i18n
  (featuredThreadsPrevious / featuredThreadsNext) since the buttons
  are real controls that scroll the embla carousel.
- CardActions: convert from <button> to <span aria-hidden="true">.
  The element has no onClick and is rendered inside a <Link>, so it
  was a purely decorative arrow indicator. Treating it as a button
  also created an invalid nested-interactive (button inside link),
  an extra focus stop, and the missing accessible name. Making it a
  non-interactive, aria-hidden span fixes all three.

Co-authored-by: Cursor <cursoragent@cursor.com>
@balajmarius balajmarius merged commit afff23b into main May 27, 2026
1 of 2 checks passed
@balajmarius balajmarius deleted the fix/a11y-button-accessible-names branch May 27, 2026 13:15
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.

2 participants