fix(a11y): Add aria-label to clipboard copy button by huangkevin-apr · Pull Request #2186 · t3-oss/create-t3-app · GitHub
Skip to content

fix(a11y): Add aria-label to clipboard copy button#2186

Open
huangkevin-apr wants to merge 1 commit intot3-oss:mainfrom
huangkevin-apr:fix-a11y-bug
Open

fix(a11y): Add aria-label to clipboard copy button#2186
huangkevin-apr wants to merge 1 commit intot3-oss:mainfrom
huangkevin-apr:fix-a11y-bug

Conversation

@huangkevin-apr
Copy link
Copy Markdown

Closes #2185

✅ Checklist

  • I have followed every step in the contributing guide (updated 2022-10-06).
  • The PR title follows the convention we established conventional-commit
  • I performed a functional test on my final commit

Changelog

Added aria-label="Copy to clipboard" to the clipboard copy button and marked the decorative SVG icon as aria-hidden="true" to fix accessibility violation 2. This ensures screen reader users can properly identify and interact with the copy button.


Screenshots

Fix Before:
IBM Equal Access Accessibility Checker showing violation 2 - "/document[1] /main[1] /button[1]"

Form control element <button> has no associated label
The SVG element has no accessible name
image

Fix After:
Accessibility violation resolved - button now has proper accessible label. Have resolved 2 (8-6) violations.

image

💯

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Jan 6, 2026

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
create-t3-app Ready Ready Preview, Comment Jan 6, 2026 9:47am

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.

bug: [A11Y] Clipboard copy button lacks accessible label

1 participant